@charset "utf-8";
/*--首页公共样式--*/
* {

	margin: 0;

	padding: 0;

	outline: none;

}

a {

	text-decoration: none;color: #333;

}

a:hover {

	text-decoration: none;

}

li {

	list-style: none;

}


body{overflow:hidden}

html{/*overflow-y:scroll;*/  }

html{overflow: auto; }


body, input, select {

	font-family: "microsoft yahei";

}

img {

	border: none;

}

.hide {

	display: none;

}

.clearfix {

	zoom: 1;

}

.clearfix:before, .clearfix:after {

	content: '';

	display: table;

}

.clearfix:after {

	clear: both;

}

.fr {

	float: right;

	_display: inline;

}

.fl {

	float: left;

	_display: inline;

}

.vam {

	vertical-align: middle;

}

.vat {

	vertical-align: top;

}

.vab {

	vertical-align: bottom;

}

.tac {

	text-align: center;

}

.text_red {

	color: #ee6d67;

}

.text_green {

	color: #71B426;

}

.text_gray {

	color: #dfdfdf;

}

.text_gray_darker {

	color: #9a9a9a;

}

.text_darkgray {

	color: #808080;

}

.text_black {

	color: #000000;

}

.text_white {

	color: #ffffff;

}

.text_link {

	-webkit-transition: all .2s;

	transition: all .2s;

}

.text_link:link, .text_link:visited {

	color: #1E1E1E;

}

.text_link:hover {

	color: #ED6D64;

}

.text_link_gray {

	-webkit-transition: all .2s;

	transition: all .2s;

}

.text_link_gray:link, .text_link_gray:visited {

	color: #7f7d7d;

}

.text_link_gray:hover {

	color: #ED6D64;

}

.text_link_blue:link, .text_link_blue:visited {

	color: #005ea7;

}

.text_link_blue:hover {

	text-decoration: underline;

}

.text_link_red {

	-webkit-transition: all .2s;

	transition: all .2s;

}

.text_link_red:link, .text_link_red:visited {

	color: #ED6D64;

}

.text_link_red:hover {

	color: #f29892;

}

.text_link_green {

	-webkit-transition: all .2s;

	transition: all .2s;

}

.text_link_green:link, .text_link_green:visited {

	color: #71B426;

}

.text_link_green:hover {

	color: #5e9720;

}
.wpb{ width:1200px; margin:0px auto}
.js_floor a:link,
.js_floor a:visited {

	color: #333;

}

.js_floor a:hover {

	text-decoration: underline;

}

select {

	appearance: none;

	-moz-appearance: none;

	-webkit-appearance: none;

	background: url(../images/select.png) no-repeat scroll 100% center;

}

#index_recommend,
#index_Product4,
#index_oneFlor,
#index_secondFlor,
#index_threeFlor,
#index_Product,
#index_decoration,
.bannerImg {

	width: 100%;

	position: relative;

	font-family: "microsoft yahei";

}

#index_oneFlor>div,
#index_secondFlor>div,
#index_Product>div,
#index_threeFlor>div,
#index_decoration>div,
#index_Product4>div {

	width: 1200px;

	margin: 0 auto;

}

.oneFlor_hot span,
.Floor_tittle p,
.Floor_tittle>span {

	color: #fff;

	font-size: 20px;

	line-height: 50px;

	margin: 0 20px 0 15px;

	float: left;

}

.oneFlor_hot>span+span {

	margin-right: 0;

}

.ProductList,
.Floor_tittle p,
.ProductPic,
.ProductList {

	display: inline-block;

}
.swiper-pagination-bullet { width: 10px; height: 10px; } 
					.swiper-pagination-bullet-active{ background-color: #dc4e1d; } 
					.banner-slide { background-repeat: no-repeat !important; background-position: center !important; backgr ound-size: 100% 100% !important;}
/*--首页公共样式完--*/
/*header*/
#navi ul li.hl .gl1{
	color:
#009bde;
background-color:
#e4f6fe;
border-bottom: 2px solid #2b388f;
}
.h1 .sed_nav1 li {
    margin-top: 0; font-size:16px;
}
.sed_nav1 li a:hover{ color:#fff}
.top_con ul li .gl1:hover{ color:#fff}
.head{
	width: 100%;
    height:50px;
    background: #009689;
    color: #fff;
	}
.top{
	width: 1200px;
    height:50px;
    line-height:50px;
    margin: 0 auto;
	}
.top h1{ float:left; font-size:16px;}


.top_con{ width:1200px; height:100px; margin:0 auto;}
.top_con .logo{ float:left;padding-top: 5px;}



.top_con #navi{ float:right;}

.top_con ul{ float:left;}
.top_con ul li{ float:left; text-align:center; position:relative;}

.top_con ul li .gl1{
	padding: 23px 20px 25px 20px;
    display: block;
	font-size: 16px;
    line-height: 50px;color: #333;
	}

.top_con ul li:hover .gl1{
		color:
#009bde;
background-color:
#e4f6fe;
border-bottom: 2px solid #2b388f;
	}


.sed_nav1{
	position: absolute;
    left: 0;
    
    display: none;
	z-index:100;
	}
.sed_nav1{background-color: #fff; width:150px;}
.li1 .sed_nav1 li{ margin-top:0;}
.sed_nav1 li a{
	display: block;
    height: 42px;
    width:150px;
    line-height: 42px;
    
    font-size: 14px;
    color: #000;
    border: none;
	}

.sed_nav1 li:hover{
	display: block; background:#2b388f;
}
#navi ul li:hover .sed_nav1{ display:block;}


.hd_fixed{ width:100%; posit ion:fixed; z-index:1000; background: #fff;
    height: 140px; }

.clear::after {
    content: '';
    display: table;
    clear: both;
}

.head-top {
    height: 40px;
    line-height: 40px;
    overflow: hidden;background: #515253;color: #fff;font-size: 14px;
}
.fl {
    float: left;
}
.fr {
    float: right;
}
/*banner图片*/

/*Banner*/

.hiSlider-pages,
.hiSlider-title {

	position: absolute;

	z-index: 3
}

.hiSlider-btn-prev,
.hiSlider-btn-next {

	position: absolute;

	z-index: 5;

	top: 40%;

	height: 100px;

	width: 50px;

	background: url(../images/bannerbtn.png) no-repeat;

	font-size: 0;

	overflow: hidden;

	opacity: .6;

	filter: alpha(opacity:60)
}

.hiSlider-btn-prev {

	left: 18%;

}

.hiSlider-btn-next {

	right: 18%;

	background-position: -50px 0
}

.hiSlider-btn-prev:hover,
.hiSlider-btn-next:hover {

	opacity: 1;

	filter: alpha(opacity:100)
}

.hiSlider-pages {

	bottom: 20px;

	right: 48%;

	text-align: center
}

.hiSlider-pages a {

	height: 12px;

	width: 12px;

	margin: 0 6px;

	display: inline-block;

	overflow: hidden;

	text-indent: -100px;

	font-size: 0;

	border-radius: 50%;

	background: #ddd
}

.hiSlider-pages a.active {

	background: #5472BF
}
/*搜索*/
#search_bg {
    width: 100%;
    margin: 0 auto;
        margin-bottom: 0px;
    background: 
    #f4f4f4;
    height: 140px;
    margin-bottom: 50px;
}
#search_c {
    width: 1200px;
    margin: 0 auto;
    height: 140px;
}
#search_c_l {
    width: 680px;
    float: left;
}
.head_adv {
    width: 350px;
    margin-top: 40px;
    line-height: 30px;
    font-size: 16px;
    color: 
    #333;
}
.head_adv span {
    font-size: 18px;
    color: 
    #2b388f;
    font-weight: 700;
}
.h_tel {
    width: 300px;
    border-left: 1px 
#ebebeb solid;
border-right: 1px
    #ebebeb solid;
    height: 140px;
}
.hgtbhmk {
    width: 195px;
    margin: 0 auto;
        margin-top: 0px;
    margin-top: 35px;
}
.dianhsj {
    font-size: 28px;
    font-family: Arial,Helvetica,sans-serif;
    font-weight: 700;
    color: 
    #2b388f;
    text-align: center;
    padding-top: 6px;
}
#search_c_r {
    width: 450px;
    float: right;
}
#search_b {
    width: 460px;
    height: 42px;
    line-height: 42px;
}
.dianhtb {
    width: 30px;
    height: 30px;
    float: left;
}
#search_cc {

    width: 460px;
    padding-top: 34px;

}
#search_cc_l {

    width: 390px;
    float: left;
    background: 

    #fff;
    line-height: 44px;
    height: 44px;

}
/*通用title*/
.prod_t{ margin:0 auto; height:147px; backg round:url(../images/pro-tbg.png) no-repeat center bottom; }
.prod_t_w{ font-size:18px; color:#2e241e; line-height:40px; text-align:center;}
.prod_t_w p{ font-size:30px; font-weight:bold; letter-spacing:2px; color:#2b388f;}
.prod_t_w p span{ color:#f1ad5c;}
.prod_t_w dl{ padding-top:5px; margin-bottom: 10px; font-size:16px;letter-spacing:2px; height:auto !important; border:none !important}
.xigtnjd {
    width: 26px;padding-top: 10px;
    height: 25px;
    margin: 0 auto;
    animation: myfirst 2s infinite;
}
 @keyframes myfirst {
0% {
 transform: translate(0px, 0px);
}
 50% {
 transform: translate(0px, -10px);
}
 100% {
 transform: translate(0px, 0px);
}
}
/*中间内容*/

.index_content {
	/* width: 1200px; position: relative; left: 50%; margin-left: -600px; top:0; */

	width: 1200px;

	position: relative;

	left: 50%;

	margin-left: -600px;

	top: 0;

	z-index: 99;
	/* height: 500px; */
	/* background: red */

}

.left_info {

	background: #ffffff;

}

.right_info {

	background: #dcdcdc;

	background: rgba(0, 0, 0, 0.5);

}

.left_info,
.right_info {

	font-size: 12px;

	position: absolute;

}

/*-------banner左边信息栏*/

.left_info {

	width: 220px;

	height: 500px;

}

.left_info_arrow {

	font-size: 13px;

	float: right;

	line-height: 25px;

	color: #b9c1ba;

}

.right_info {

	width: 150px;

	height: 466px;

	right: 47px;

	top: 14px;

	padding-top: 15px;

	-webkit-box-sizing: border-box;

	box-sizing: border-box;

}

.right_info a:link,
.right_info a:visited {

	color: #424242;

}

/*.bg_red{line-height: 20px; overflow: hidden; white-space: nowrap; text-align: center; color: #000;}*/

.border_B {

	display: block;

	height: auto;

	padding-left: 10px;

	padding-right: 10px;

}

.border_B:last-child {

	border-bottom: 1px solid #fff;

}

.border_B:last-child .border_gray {

	padding-bottom: 50px;

}

.border_gray {

	padding-top: 10px;

	padding-bottom: 10px;

}

.left_info_ico {

	display: inline-block;

	width: 17px;

	height: 19px;

	vertical-align: bottom;

	background-image: url(../images/mvl_1.png);

	background-size: 100% 100%;

}

.left_info_title {

	vertical-align: baseline;

	font-size: 14px;

	font-weight: 500;

	margin-left: 5px;

	color: #000;

}

.left_info_title:vsited {

	color: #000;

}

.li_hover li:hover .left_info_ico {

	background-image: url(../images/mvl_2.png);

}

.li_hover li {

	cursor: pointer;

	-webkit-transition: 0.5s;

	transition: 0.5s;

	height: 110px;

}

.li_hover li:nth-child(even) {

	background: #ecedef;

}

.li_hover li:hover {

	background: #fff;

}

.li_hover li .menu-item {

	padding-left: 5px;

	margin-top: 10px;

}

.li_hover li .menu-item p {

	margin-bottom: 10px;

}

.li_hover li .menu-item p span,
.li_hover li .menu-item p a {

	display: inline-block;

	padding: 0 5px;

	text-align: center;

	white-space: nowrap;

	overflow: hidden;

	color: #737373;

}

.li_hover li .menu-item p a:hover {

	color: #737373;

}

.left_info a:hover {

	text-decoration: underline;

}

/*add*/

.black_layer {

	width: 100%;

	height: 40px;

	background: rgba(0, 0, 0, 0.1);

	position: absolute;

	top: -54px;

	left: 0px;

}

.right_info_wx {

	display: block;

	width: 125px;

	height: 125px;

	-webkit-box-sizing: border-box;

	box-sizing: border-box;

	padding: 10px;

	border-radius: 15px;

	background: rgba(0, 0, 0, 0.4);

	margin: 0 auto;

}

.right_info_wx img {

	display: block;

	width: 66px;

	height: 66px;

	margin: 0 auto;

	margin-bottom: 5px;

}

.right_info_wx p {

	text-align: center;

	color: white;

}

.right_info_tag_list {

	display: block;

	width: 125px;

	margin: 0 auto;

	padding: 10px;

}

.right_info_tag_list a {

	display: block;

	width: 100%;

	height: 25px;

	line-height: 25px;

	color: white;

	text-align: center;

	border-radius: 10px;

	border: 1px solid #FFFFFF;

	margin: 0 auto;

	margin-bottom: 8px;

	-webkit-transition: 0.5s;

	transition: 0.5s;

}

.right_info_tag_list a:hover {

	border-color: #7dc62a;

	cursor: pointer;

}

.right_info_last_tag {

	color: #FFFFFF;

	background-color: #73b434;

	border-color: #73b434 !important;

}

.right_info_last_tag:hover {

	color: #FFFFFF;

	background-color: #fa8128;

	border-color: #fa8128 !important;

}

.ui-dialog-shj .ui-dialog-body {

	padding-top: 20px;

}

.size_form {

	width: 350px;

	padding-left: 20px;

	display: none;

	font-family: "microsoft yahei";

}

.size_form p {

	color: #71B426;

	font-size: 20px;

	text-align: center;

}

.size_form select,
.size_form input {

	line-height: 28px;

	height: 28px;

	border: 1px solid #E8E8E8;

	padding-left: 10px;

}

.size_form .house_type select {

	width: 50px;

}

.size_form .house_area {

	width: 215px;

}

.size_form .house_area input {

	width: 100px;

}

.size_form .house_area .area {

	float: right;

	display: inline-block;

	line-height: 28px;

	width: 30px;

	background: #EDEDED;

	text-align: center;

	border: 1px solid #d4d4d4;

}

.size_form .house_city select {

	margin: 0 auto;

	width: 145px;

}

.size_form .house_info input {

	width: 260px;

}

.size_form .house_name input {

	width: 160px;

}

.size_form .house_number {

	width: 315px;

}

.size_form .house_number input {

	width: 120px;

}

.size_form .house_number div {

	display: inline-block;

	border: 1px solid #71B426;

	text-align: center;

	line-height: 28px;

	font-size: 12px;

	width: 100px;

	color: #71B426;

	cursor: pointer;

}

.size_form .house_number div:hover {

	background: #71B426;

	color: #fff;

}

.submit_btn {

	color: #fff;

	background: #71B426;

	line-height: 38px;

	text-align: center;

	margin-left: 88px;

	width: 118px;

	font-size: 14px;

	cursor: pointer;

	padding: 0 25px 0 25px;

	display: inline-block;

	border: 1px solid #7dc62a;

	-webkit-transition: all .2s linear;

	transition: all .2s linear;

}

.submit_btn:hover {

	color: #7dc62a;

	background: transparent;

}

.allSubMenu {

	display: none;

	width: 775px;

	height: 500px;

	position: absolute;

	top: 0px;

	left: 198px;

}

.SubMenu {

	display: none;

	background: #f5f5f5;

	position: absolute;

	z-index: 100;

	left: 220px;

	width: 580px;

}

.SubMenu-left {

	position: relative;

	width: 442px;

	padding: 20px;

	padding-left: 120px;

	float: left;

	background: #fff;

	padding-bottom: 15px;

}

.SubMenu-top {

	padding-bottom: 10px;

	margin-bottom: 20px;

	border-bottom: 1px dashed #e6e6e6;

}

.SubMenu-top-title {

	position: absolute;

	top: 23px;

	left: 20px;

	color: black;

	font-size: 13px;

	font-weight: 600;

}

.SubMenu-top-title span {

	font-size: 12px;

	vertical-align: middle;

	margin-left: 5px;

	position: relative;

	top: -1px;

}

.SubMenu-top-link a {

	font-size: 13px;

	display: inline-block;

	color: #737373;

	padding: 0px 5px 10px 5px;

}

.SubMenu-top-link a:hover {

	cursor: pointer;

	color: #5a5a5a;

	text-decoration: underline;

}

.SubMenu-green {

	color: #95c46e !important;

}

.SubMenu-bottom {

	position: relative;

	left: -90px;

	width: 565px;

}

.SubMenu-bottom a {

	position: relative;

	display: inline-block;

	width: 125px;

	height: 125px;

	margin-right: 6px;

	overflow: hidden;

}

.SubMenu-bottom a:first-child {

	margin-left: 0px;

}

.SubMenu-bottom a:hover {

	cursor: pointer;

	text-decoration: none;

}

.SubMenu-bottom a:hover div {

	opacity: 1;

	line-height: 20px;

}

.SubMenu-bottom a img {

	display: block;

	width: 125px;

	height: 125px;

}

.SubMenu-bottom a div {

	display: block;

	opacity: 0;

	background: rgba(0, 0, 0, 0.7);

	color: white;

	width: 125px;

	height: 20px;

	text-align: center;

	padding: 1px;

	font-size: 13px;

	position: absolute;

	bottom: 0px;

	line-height: 53px;

	-webkit-transition: 0.2s linear;

	transition: 0.2s linear;

}

.SubMenu-right {

	width: 160px;

	background: #f5f5f5;

	display: inline-block;

	float: right;

	padding: 10px;

	padding-bottom: 0px;

}

.SubMenu-right img {

	width: 76px;

	height: 50px;

	margin-bottom: 2px;

	margin-right: 0px;

}

/*banner部分完！*/

/*--今日推荐--*/

.index_recommend {

	width: 1200px;

	margin: 0 auto;

}

#index_recommend {

	height: auto;

	padding: 40px 0 0 0;

}

#index_recommend .prev,
#index_recommend .next {

	float: right;

	margin-bottom: 10px;

	margin-left: 5px;

	width: 40px;

	height: 35px;

	background: #949693;

	text-align: center;

	line-height: 35px;

	color: #fff;

	cursor: pointer;

}

#index_recommend .prev:hover,
#index_recommend .next:hover {

	background: #71B426;

}

#index_recommend>div {

	width: 1200px;

	margin: 0 auto;

	font-family: "microsoft yahei";

}

.recommend_tittle {

	float: left;

	height: 40px;

	width: 330px;

}

.recommend_tittle>img {

	float: left;

}

.recommendText {

	float: right;

}

.recommendText p {

	float: left;

	font-size: 20px;

	font-weight: bolder;

	color: #71B426;

	margin: 0;

}

.recommendText img {

	margin-top: 5px;

}

.recommend_tittle>div img:first-child {

	margin-bottom: 8px;

}

.pictureList {

	width: 296px;

	height: 296px;

	text-align: center;

	float: left;

	cursor: pointer;

	border-right: solid 3px #71b426;

	position: relative;

}

.pictureList .recommendProfile {

	width: 100%;

	height: 100%;

	overflow: hidden;

	text-align: center;

	background-color: #000000;

	background: rgba(0, 0, 0, 0.5);

	opacity: 0;

	position: absolute;

	visibility: hidden;

	-webkit-transition: all .3s linear;

	transition: all .3s linear;

	left: 0;

	top: 0;

}

.pictureList .recommendProfile a {

	display: block;

	height: 100%;

}

.pictureList .recommendProfile a ul {

	padding-top: 120px;

}

.pictureList .recommendProfile a ul .name {

	color: #fff;

	font-size: 18px;

	width: 240px;

	margin: 0 auto;

	overflow: hidden;

}

.pictureList .recommendProfile a ul .price {

	color: #ee6d67;

	font-size: 16px;

	width: 105px;

	height: 30px;

	line-height: 30px;

	margin: 5px auto;

	border: 2px solid #ee6d67;

	border-radius: 10px;

}

.pictureList:hover .recommendProfile {

	opacity: 1;

	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);

	visibility: visible;

}

.pictureList:hover .recommendProfile a {

	position: relative;

}

.pictureList:hover .p_height>img {

	-webkit-filter: blur(2px);

	filter: blur(2px);

}

.p_height {

	width: 100%;

	height: 100%;

	overflow: hidden;

}

.p_height img {

	width: 100%;

	height: 100%;

}

.item_list {

	position: absolute;

	left: 0;

}

.groupPic {

	width: 1193px;

	overflow: hidden;

	position: relative;

	margin: 0 auto;

	border: solid 3px #71b426;

}

.recommend_pic {

	width: 1200px;

	position: relative;

}

/*今日推荐--完！*/

/*--1F热销产品--*/

.oneFlor_tittle {

	width: 1200px;

	height: 60px;

	float: right;

}

.oneFlor_hot {

	background-image: url(../images/hotproduct.png);

	width: 220px;

	height: 51px;

	float: left;

}

.oneFlor_more {

	float: right;

	width: 906px;

	height: 59px;

	border-bottom: 1px solid #71B426;

}

.oneFlor_more .active {
	/*color: #ED6D64;*/

	border-bottom: 4px solid #71B426;

}

.oneFlor_more ul {

	float: right;

	font-size: 14px;

	padding-top: 20px;

	position: relative;

}

.oneFlor_more ul li {

	float: left;
	/*padding: 0 10px 0 10px;*/

	margin: 0 10px 0 10px;

	height: 36px;

	line-height: 44px;

	cursor: pointer;

}

.oneFlor_more ul li span {

	color: #71B426;

	font-size: 16px;

}

.oneFlor_leftPic {

	width: 284px;

	height: 707px;

	overflow: hidden;

	display: inline-block;

	margin-top: 20px;

	position: relative;

}

.oneFlor_leftPic .arrows {

	position: absolute;

	top: 50%;

	width: 100%;

}

.oneFlor_leftPic .arrows .arrow {

	position: absolute;

	width: 25px;

	height: 60px;

	top: 50%;

	margin-top: -30px;

	font-family: "iconfont" !important;

	font-size: 20px;

	font-style: normal;

	-webkit-font-smoothing: antialiased;

	-webkit-text-stroke-width: 0.2px;

	background: #71B426;

	opacity: 0.7;

	filter: alpha(opacity=70);

	cursor: pointer;

	color: #fff;

	text-align: center;

	line-height: 60px;

	-webkit-transition: all .3s linear;

	transition: all .3s linear;

}

.oneFlor_leftPic .arrows .arrow:hover {

	opacity: 1;

}

.oneFlor_leftPic .arrows .prev {

	border-radius: 0 5px 5px 0;

	left: 0;

	text-align: right;

}

.oneFlor_leftPic .arrows .next {

	border-radius: 5px 0 0 5px;

	right: 0;

}

.oneFlor_leftPic li {

	height: 707px;

}

.oneFlor_leftPic li a {

	display: block;

	height: 100%;

}

.oneFlor_list {

	width: 892px;

	height: auto;

	float: right;

	padding-top: 5px;

	overflow: hidden;

}

.oneFlor_list .oneFlor_pic {

	display: none;

	width: 976px;

	margin-right: -10px;

}

.oneFlor_list .active {

	display: block;

}

.oneFlor_pic>div {

	width: 268px;

	height: 330px;

	padding: 7px;

	float: left;

	border: 1px solid #CECECE;

	margin: 15px 20px 0 0;

	-webkit-transition: all .3s;

	transition: all .3s;

}

.oneFlor_pic>div:hover {

	border: 1px solid #71B426;

	-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);

	box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);

}

.pic_description {

	padding: 24px 0px 0px 0px;

	margin: auto;

	width: 277px;

}

.pic_description a {

	display: block;

}

.title_wrap {

	color: #666;

	text-align: justify;

	max-height: 32px;

	overflow: hidden;

}

.title_wrap:hover {
	/*color: #ED6D64;*/

}

.pic_title {

	padding-top: 5px;

	color: #333;

	font-size: 12px;

	text-align: justify;

	max-height: 35px;

	overflow: hidden;

	cursor: pointer;

	margin: 2px 0;

}

.pic_title:hover {
	/*color: #ED6D64;*/

}

.pic_title p {

	white-space: nowrap;

	overflow: hidden;

	text-overflow: ellipsis;

	width: 270px;

}

.deal {

	font-size: 12px;

	margin-top: 8px;

}

.deal i {

	font-style: normal;

}

.pic_redText {

	font-size: 14px;

	font-weight: bold;

	color: #DF6861;

}

.floor {

	width: 268px;

	height: 268px;

	overflow: hidden;

	cursor: pointer;

}

.floor img {

	width: 100%;

	height: 100%;

}

.cob57c5b {

	color: #b57c5b;

}

.co5e5e5e {

	color: #5e5e5e;

}

.mf50 {

	margin-left: 50px;

}

/*--1F热销产品 完！--*/

.midBanner {

	width: 100%;

	height: 90px;

	text-align: center;

	clear: both;

	margin-top: 20px;

	margin-bottom: 20px;

}

.midBanner img {

	width: 1200px;

}

/*--2F-*/

.florTwo {

	height: 450px;

}

.videoBox {

	width: 660px;

	height: 445px;

}

.mt30 {

	margin-top: 30px;

}

.clearBoth {

	clear: both;

}

.imga {

	width: 530px;

	height: 215px;

	display: block;

	-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);

	box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);

}

.imga img {

	width: 530px;

	height: 215px;

	display: block;

	-webkit-transition: all 0.3s;

	transition: all 0.3s;

	-webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0);

	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0);

}

.imga img:hover {

	-webkit-box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.2);

	box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.2);

}

.imgb {

	width: 530px;

	height: 215px;

	display: block;

	-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);

	box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);

	margin-top: 14px;

}

.imgb img {

	width: 530px;

	height: 215px;

	display: block;

	-webkit-transition: all 0.3s;

	transition: all 0.3s;

	-webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0);

	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0);

}

.imgb img:hover {

	-webkit-box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.2);

	box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.2);

}

.twoFlor_list {

	clear: both;

	width: 1200px;

	overflow: hidden;

}

.twoFlor_list .secondFlor_pic {

	margin-top: 20px;

	padding-left: 1px;

	display: none;

	width: 1220px;

	margin-right: -20px;

}

.twoFlor_list .secondFlor_pic div:nth-child(4n+1) {

	margin-left: 0px;

}

.twoFlor_list .active {

	display: block;

}

.secondFlor_pic>div {

	box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);

	-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);

	width: 291px;

	height: 400px;

	float: left;

	margin: 5px 7px 5px 4px;

	-webkit-transition: all 0.3s;

	transition: all 0.3s;

}

.secondFlor_pic>div .buy_now {

	float: right;

	padding: 10px 0 10px 0;

	cursor: pointer;

}

.secondFlor_pic>div:hover {

	box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);

	-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);

}

.TwoFlor_pic_box {

	width: 277px;

	height: 277px;

	margin: auto;

	overflow: hidden;

	margin-left: 7px !important;

}

.TwoFlor_pic_box img {

	width: 277px;

	height: 277px;

	display: block;

	margin-top: 7px;

}

.TwoFlor_pic_box a {

	display: block;

}

.pic_description>div a:visited {

	color: #333;

}

.pic_description>div a:link {

	color: #333;

}

/*--2F 完！--*/

/*4F产品*/

.fw600 {

	font-weight: 600;

}

.ProductList {

	width: 32.8%;

}

.ProductList .fourFloorimga {

	display: block;

	width: 393px;

	height: 205px;

}

.ProductList .fourFloorimgb {

	display: block;

	width: 393px;

	height: 205px;

	margin-top: 10px;

}

.ProductList img {

	width: 393px;

	height: 205px;

}

.thirdFloor .hotSale {

	width: 100%;

	height: 300px;

	overflow: hidden;

}

.thirdFloor .hotSale img {

	display: block;

	width: 100%;

	height: 100%;

}

.titleName {

	margin-top: 35px;

}

.nameSpan {

	font-size: 20px;

	font-weight: 600;

}

.Floor_tittle {

	background-image: url(../images/hotproduct.png);

	background-repeat: no-repeat;

	width: 100%;

	height: 51px;

}

.Floor_tittle p,
.Floor_tittle>span {

	line-height: 50px;

	height: 50px;

	font-size: 20px;

	margin: 0 30px 0 15px;

	overflow: hidden;

}

.Floor_tittle>span {

	display: inline-block;

	width: 100px;

	overflow: hidden;

}

.ProductList {

	margin-top: 20px;

}

.list_border {

	border-bottom: 1px solid #CECECE;

	padding: 10px 0 10px 0;

}

.list_border:hover {

	background: #71B426;

}

.list_border:hover a {

	color: #fff;

}

.last_list {

	height: 300px;

	text-align: center;

}

.ProductList div ul li a {

	color: #333;

}

.ProductList div ul li a {

	color: #333;

}

.ProductPic {

	width: 67%;

	float: right;

	margin-top: 20px;

}

.index_brand {

	height: 60px;

	font-size: 14px;

	border-bottom: 1px solid #71B426;

	position: relative;

	width: 864px;

}

.index_brand ul {

	float: right;

	padding-top: 15px;

	position: relative;

}

.index_brand ul li {

	float: left;

	margin: 0 10px 0 10px;

	line-height: 46px;

	height: 42px;

	color: #333;

	cursor: pointer;

	background-color: #ffffff;

}

.index_brand ul li.active {

	border-bottom: 4px solid #71B426;

	position: relative;

	z-index: 999;

}

.quebec {

	position: absolute !important;

	bottom: -5px;

	left: 10px;

	top: 56px;

	z-index: 998;

	margin: 0 !important;

	border: 0;

	width: 28px;

	height: 4px !important;

	padding: 0;

	background: #71B426 !important;

	-webkit-transition-property: left, width;

	transition-property: left, width;

	-webkit-transition-duration: .5s;

	transition-duration: .5s;

}

.quebec1 {

	position: absolute !important;

	bottom: -5px;

	left: 10px;

	top: 56px;

	z-index: 998;

	margin: 0 !important;

	border: 0;

	width: 28px;

	height: 4px !important;

	padding: 0;

	background: #71B426 !important;

	-webkit-transition-property: left, width;

	transition-property: left, width;

	-webkit-transition-duration: .5s;

	transition-duration: .5s;

}

.n1:hover~li.quebec {

	left: 10px;

	width: 28px;

}

.n2:hover~li.quebec {

	left: 60px;

	width: 40px;

}

.n3:hover~li.quebec {

	left: 120px;

	width: 28px;

}

.n4:hover~li.quebec {

	left: 170px;

	width: 28px;

}

.n5:hover~li.quebec {

	left: 218px;

	width: 28px;

}

.n6:hover~li.quebec {

	left: 265px;

	width: 40px;

}

.n7:hover~li.quebec {

	left: 325px;

	width: 40px;

}

.third_floor {

	width: 100%;

	height: 420px;

}

.third_floor .decorativeLight {

	width: 100%;

	display: none;

	zoom: 1;

}

.third_floor .decorativeLight:before,
.third_floor .decorativeLight:after {

	content: '';

	display: table;

}

.third_floor .decorativeLight:after {

	clear: both;

}

.third_floor .active {

	display: block;

}

.LightSale {

	width: 191px;

	height: 205px;

	text-align: center;

	margin-left: 10px;

	margin-bottom: 10px;

	-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);

	box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);

	-webkit-transition: all 0.3s;

	transition: all 0.3s;

}

.LightSale:hover {

	-webkit-box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.4);

	box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.4);

}

.sale_tit {

	font-size: 14px;

	margin: 0;

}

.sale_tits {

	font-size: 12px;

	text-align: left;

	margin: 0;

}

.sale_tits:hover {

	text-decoration: underline;

	cursor: pointer;

}

.width_100 {

	width: 100px;

	height: 20px;

	overflow: hidden;

}

.text_l {

	text-align: left;

	height: 22px;

	line-height: 22px;

	overflow: hidden;

	width: 161px;

	font-size: 14px;

	white-space: nowrap;

	text-overflow: ellipsis;

}

.js_floor {

	overflow: hidden;

}

.LampList {

	width: 160px;

	display: block;

	text-align: center;

	margin: auto;

}

.LampList .sale_tit a {

	display: block;

	width: 161px;

	font-size: 14px;

	white-space: nowrap;

	overflow: hidden;

	text-overflow: ellipsis;

}

.LampList .sale_price {

	font-size: 14px;

	font-weight: bold;

	color: #DF6861;

}

.lampDis {

	width: 161px;

	height: 64px;

	font-size: 14px;

	display: block;

	margin-top: 7px;

}

.lamp_wrap {

	width: 120px;

	height: 120px;

	overflow: hidden;

	display: block;

	margin-left: auto;

	margin-right: auto;

	margin-top: 8px;

}

.lamp_wrap a {

	display: block;

	height: 100%;

}

.lamp_wrap img {

	width: 100%;

	height: 100%;

}

.LampBuy {

	width: 215px;

	height: 40px;

	position: relative;

	z-index: 10;

	filter: alpha(opacity=0);

	opacity: 0;

	-webkit-transition: all .3s linear;

	transition: all .3s linear;

	top: -5px;

}

.LightSale:hover .LampBuy,
.LightMid:hover .LampBuy {

	filter: alpha(opacity=100);

	opacity: 1;

}

.LightSale:hover,
.LightMid:hover {

	border-color: #71B426;

	position: relative;

}

.LightMid {

	width: 465px;

	padding: 10px;

	border: 1px solid #CECECE;

	margin-left: -1px;

	margin-top: -1px;

}

.LightMid,
.picNode,
.textNode {

	height: 250px;

}

.picNode {

	width: 250px;

	float: left;

	overflow: hidden;

}

.picNode a {

	display: block;

	height: 100%;

}

.picNode img {

	width: 100%;

	height: 100%;

}

.textNode {

	width: 40%;

	float: right;

	text-indent: 1em;

}

.textNode a:link,
.textNode a:visited {

	color: #666;

}

.textNode a:hover {

	color: #DF6861;

}

.hot_sale {

	display: inline-block;

	padding-left: 110px;

}

.textNode p {

	padding: 0;

	margin: 0;

}

.size_18 {

	font-size: 18px;

	color: #ddd;

	height: 26px;

	width: 190px;

	overflow: hidden;

}

.size_20 {

	font-size: 20px;

	height: 26px;

	width: 190px;

	overflow: hidden;

}

.textNode p:nth-child(4) {

	color: red;

}

/*--3-6F产品--完！*/

/*--装修流程--*/

#index_decoration {

	background: url(../images/zhuangxiu.png) no-repeat center;

	height: 132px;

	width: 1200px;

	margin-left: auto;

	margin-right: auto;

}

.decoration {

	width: 180px;

	height: 100px;

	text-align: center;

	color: #fff;

	padding: 60px 0 0 0;

	float: left;

	background: url(../images/order.png);

}

.decoration p:first-child {

	font-size: 22px;

}

.decorationList {

	width: 85%;

	height: 120px;

	float: right;

}

.decorationList>div {

	width: 20.5%;

	height: 120px;

	background: #F6F6F6;

	float: left;

	margin-left: 5px;

	text-align: center;

	padding: 20px;

}

.onlineOrders .p_18 {

	font-size: 18px;

	color: #71B426;

}

.onlineOrders .p_12 {

	font-size: 12px;

}

.onlineOrders .mt_25 {

	margin-top: 25px;

}

/*--装修流程--完！--*/

/*--楼层--*/

#index_oneFlor>div {

	width: 1200px;

	margin: 0 auto;

}

#index_floor {

	width: 50px;

	font-size: 12px;

	position: absolute;

	z-index: 999;

	top: 1170px;

	left: 50%;

	margin-left: -650px;

	font-family: "microsoft yahei";

}

#index_floor.fixed {

	position: fixed;

	top: 71px;

}

#index_floor.absolute {

	position: absolute;

}

#index_floor ul li {

	background: #FFFFFF;

	width: 30px;

	height: 30px;

	margin-top: 3px;

	border: 1px solid #A5A5A5;

	color: #A5A5A5;

	text-align: center;

	line-height: 28px;

	cursor: pointer;

}

#index_floor ul li a {

	display: block;

	width: 100%;

	height: 100%;

}

#index_floor ul li a .floor_name {

	display: none;

}

#index_floor ul li a:link,
#index_floor ul li a:visited {

	color: #A5A5A5;

}

#index_floor ul li a:hover {

	color: #FFFFFF;

}

#index_floor ul li:hover {

	background: #71B426;

	color: #fff;

}

#index_floor ul li.active a span {

	display: none;

}

#index_floor ul li.active a .floor_name {

	display: inline;

}

#index_floor ul li.active a:link,
#index_floor ul li.active a:visited {

	background: #71B426;

	color: #FFFFFF;

}

/*2016.9.9新增*/

.swiper-nested-1 {

	width: 100px;

	height: 340px;

	color: #fff;

	text-align: center;

}

.red-slide {

	background: #ca4040;

}

.blue-slide {

	background: #4390ee;

}

.orange-slide {

	background: #ff8604;

}

.green-slide {

	background: #49a430;

}

.pink-slide {

	background: #973e76;

}

.swiper-nested-1 .swiper-slide {

	font-size: 21px;

}

.pagination-nested-1 {

	position: absolute;

	z-index: 100;

	left: 10px;

	bottom: 10px;

}

.pagination-nested-1 {

	bottom: auto;

	top: 10px;

}

.pagination-nested-1 {

	display: block;

	margin-right: 0;

	margin-bottom: 5px;

}

/*到此删除*/

.showSubMenus {

	display: block !important;

}

.floor_title_box {

	width: 1200px;

	margin: auto;

	overflow: hidden;

	height: 30px;

	margin-top: 30px;

	margin-bottom: 10px;

	border-bottom: 1px solid #f0f0f0;

	padding-bottom: 10px;

}

.calculator_title {

	background: url(../images/title_1.png) left center no-repeat;

}

.brand_title {

	background: url(../images/title_2.png) left center no-repeat;

}

.gallery_title {

	background: url(../images/title_3.png) left center no-repeat;

}

.designer_title {

	background: url(../images/title_4.png) left center no-repeat;

}

.construction_title {

	background: url(../images/title_5.png) left center no-repeat;

}

.village_title {

	background: url(../images/title_6.png) left center no-repeat;

}

.flip_title {

	background: url(../images/title_7.png) left center no-repeat;

}

.interent_title {

	background: url(../images/title_8.png) left center no-repeat;

}

.knowledge_top_title {

	background: url(../images/title_9.png) left center no-repeat;

}

.floor_tips {

	text-align: right;

	padding: 10px 0;

	font-size: 13px;

}

.floor_tips {

	color: #333;

}




.main_box {

	width: 99%;

	margin: auto;

	overflow: hidden;

}

.more_product {

	color: #333;

	vertical-align: text-top;

	font-size: 12px;

}

.more_product:hover {

	color: #f25618;

}

.flip_button_box {

	margin-top: 10px;

}

.green_btn {

	background: #73b434;

	color: #fff;

	padding: 4px 30px;

	border-radius: 8px;

}

.txtc {

	text-align: center !important;

}

.mf10 {

	margin-left: 10px;

}

/*品牌实力*/

.brand_list_box {

	float: left;

	margin-left: 12px;

	position: relative;

	width: 230px;

}

.brand_list_box a {

	display: block;

}

.brand_list_box img {

	width: 230px;

	height: 210px;

}

.gray_image {

	position: relative;

}

.brand_list_box:hover .green_image {

	-webkit-transition: 0.5s;

	transition: 0.5s;

	position: absolute;

	top: 0;

	display: block;

}

.green_image {

	position: absolute;

	top: 0;

	display: none;

}

/* 合作案例 */



.indexbox1 {
	width: 100%;
	overflow: hidden;
	padding: 50px 0 0 0;
}

.case_1 {
	background: url(../images/casebj2.jpg) left top no-repeat
}

.indexbox1 .indexbox1_gun {
	margin: 0 auto;
	padding: 10px 28px;
	position: relative;
}

.indexbox1 .indexbox1_gun li {
	background: #f4f4f4;
	overflow: hidden;
	width: 260px;
	float: left;
	margin: 0 13px;
}

.indexbox1 .indexbox1_gun li .pic {
	display: block;
	overflow: hidden;
	position: relative;
}

.indexbox1 .indexbox1_gun li .pic img {
	width: 100%;
	height: 190px;
	transition: all 0.3s;
	-moz-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
}

.indexbox1 .indexbox1_gun li .pic i {
	width: 100%;
	height: 200px;
	background: url(../images/icon_yuanj.png) center center no-repeat rgba(0, 0, 0, 0.5);
	position: absolute;
	top: -100%;
	left: 0px;
	z-index: 1;
	display: block;
	transition: all 0.3s;
	-moz-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
}

.indexbox1 .indexbox1_gun li .nr {
	overflow: hidden;
	height: 40px;
	background: #605d5c;
}

.indexbox1 .indexbox1_gun li .nr .bt {
	overflow: hidden;
	height: 24px;
	display: block;
	padding: 0 0 0 18px;
	color: #fd6c01;
	font-size: 14px;
	font-weight: bold;
	margin: 20px 0 10px 0;
	transition: all 0.3s;
	-moz-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
}

.indexbox1 .indexbox1_gun li .nr p {
	display: block;
	height: 30px;
	line-height: 40px;
	overflow: hidden;
	padding: 0 0 0 18px;
	color: #fff;
}

.indexbox1 .indexbox1_gun li .nr .yc {
	overflow: hidden;
	text-align: center;
	padding: 8px 18px;
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	-khtml-opacity: 0;
	opacity: 0;
	transition: all 0.3s;
	-moz-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
}

.indexbox1 .indexbox1_gun li .nr .yc a {
	display: block;
	overflow: hidden;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
	width: 105px;
	line-height: 28px;
	background: #fff;
	-moz-box-shadow: 0px 0px 5px #fff;
	-webkit-box-shadow: 0px 0px 5px #fff;
	box-shadow: 0px 0px 5px #fff;
	transition: all 0.3s;
	-moz-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
}

.indexbox1 .indexbox1_gun li .nr .yc .zx {
	float: left;
}

.indexbox1 .indexbox1_gun li .nr .yc .xx {
	float: right;
}

.indexbox1 .indexbox1_gun li .nr .yc a:hover {
	background: #fd6c01;
	color: #fff;
}

.indexbox1 .indexbox1_gun li:hover .nr .yc {
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
}

.indexbox1 .indexbox1_gun li:hover .nr .bt {
	margin: 8px 0 0 0;
}

.indexbox1 .indexbox1_gun li:hover .pic i {
	top: 0px;
}

.indexbox1 .indexbox1_gun .prev,
.indexbox1 .indexbox1_gun .next {
	display: block;
	width: 23px;
	height: 37px;
	background: url(../images/icon_lr4.png) no-repeat;
	position: absolute;
	top: 50%;
	margin-top: -18px;
}

.indexbox1 .indexbox1_gun .prev {
	background-position: left bottom;
	left: -30px;
}

.indexbox1 .indexbox1_gun .prev:hover {
	background-position: left top;
}

.indexbox1 .indexbox1_gun .next {
	background-position: right bottom;
	right: -30px;
}

.indexbox1 .indexbox1_gun .next:hover {
	background-position: right top;
}







/*案例图库*/

.case_box {

	margin-top: 10px;

	overflow: hidden;

}

.case_box a {

	display: block;

}

.case_left_box {

	width: 725px;
	height: 341px;

	float: left;

}

.case_left_list {

	position: relative;

	width: 725px;
	height: 341px;

}

.case_left_list img {

	transition: all 0.7s;

	-webkit-transition: all 0.7s;

	-moz-transition: all 0.7s;

	-o-transition: all 0.7s;

}

.case_left_list:hover img {

	-ms-transform: scale(1.15);

	transform: scale(1.15);

	-webkit-transform: scale(1.15);

	-moz-transform: scale(1.15);

	-o-transform: scale(1.15);

}

.case_desc {

	margin: 3px 20px 17px 20px;

	display: block;

	white-space: nowrap;

	overflow: hidden;

	text-overflow: ellipsis;

}

.case_top {

	height: 341px;

	overflow: hidden;

}

.case_top img {

	position: relative;

	width: 725px;

	height: 341px;

}

.case_bottom {

	height: 226px;

	margin-top: 15px;

	overflow: hidden;

}

.case_bottom img {

	position: relative;

	width: 480px;

	height: 226px;

}

.case_tips_box {

	font-size: 13px;

	position: absolute;

	bottom: 0;

	background: rgba(0, 0, 0, 0.75);

	width: 100%;

	padding: 0;

	color: #fff;

	transition: height 0.5s;

	-moz-transition: height 0.5s;

	-webkit-transition: height 0.5s;

	-o-transition: height 0.5s;

	height: 0px;

}

.case_tips_box span {
	/*width: 33%;*/

	display: inline-block;

	white-space: nowrap;

	overflow: hidden;

	text-overflow: ellipsis;

	text-align: center;

	margin-left: 20px;

}

.case_top:hover .case_tips_box {

	height: 50px;

}

.case_tips_box_small {

	font-size: 13px;

	position: absolute;

	bottom: 0;

	background: rgba(0, 0, 0, 0.75);

	width: 100%;

	padding: 0;

	height: 0px;

	color: #fff;

	line-height: 40px;

	transition: height 0.5s;

	-moz-transition: height 0.5s;

	-webkit-transition: height 0.5s;

	-o-transition: height 0.5s;

}

.case_tips_box_small span {

	display: inline-block;

}

.case_tips_box_small_span1 {

	font-size: 14px;

	margin-left: 20px;
	/*width: 84px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;*/

}

.case_tips_box_small_span2 {

	font-size: 12px;

	margin-left: 8px;

}

.case_right_box {

	width: 475px;

	float: right;

}

.case_right_top_box {

	heigh t: 400px;

	overflow: hidden;

}

.case_right_left_box {

	height: 400px;

	position: relative;

	width: 230px;

	float: left;

	overflow: hidden;

}

.case_right_left_box img {

	height: 400px;

	width: 230px;

	transition: all 0.7s;

	-webkit-transition: all 0.7s;

	-moz-transition: all 0.7s;

	-o-transition: all 0.7s;

}

.case_right_left_box:hover img {

	-ms-transform: scale(1.15);

	transform: scale(1.15);

	-webkit-transform: scale(1.15);

	-moz-transform: scale(1.15);

	-o-transform: scale(1.15);

}

.case_right_left_box:hover .case_tips_box_small {

	height: 40px;

}

.case_right_right_box {

	float: left;

	hei ght: 400px;

	width: 475px;

}

.case_right_right_top_box {

	width: 472px;

	height: 200px;

	position: relative;

	overflow: hidden;

}

.case_right_right_top_box img {

	height: 200px;

	width: 469px;

	transition: all 0.7s;

	-webkit-transition: all 0.7s;

	-moz-transition: all 0.7s;

	-o-transition: all 0.7s;

}

.case_right_right_top_box:hover img {

	-ms-transform: scale(1.15);

	transform: scale(1.15);

	-webkit-transform: scale(1.15);

	-moz-transform: scale(1.15);

	-o-transform: scale(1.15);

}

.case_right_right_top_box:hover .case_tips_box_small {

	height: 40px;

}

.case_right_right_bottom_box {

	overflow: hidden;

}

.case_right_right_bottom_left {

	float: left;

	width: 227px;

	height: 107px;

	position: relative;

	margin-bottom: 10px;

	margin-left: 10px;

}

.case_right_right_bottom_left img {

	width: 227px;

	height: 183px;

	position: relative;

}

.case_right_right_bottom_left:hover .case_tips_box_small {

	height: 40px;

}

.right_bottom_ohver {

	overflow: hidden;

}

.right_bottom_ohver img {

	transition: all 0.7s;

	-webkit-transition: all 0.7s;

	-moz-transition: all 0.7s;

	-o-transition: all 0.7s;

}

.right_bottom_ohver:hover img {

	-ms-transform: scale(1.15);

	transform: scale(1.15);

	-webkit-transform: scale(1.15);

	-moz-transform: scale(1.15);

	-o-transform: scale(1.15);

}

.case_right_right_bottom_right {

	float: right;

	width: 230px;

	height: 183px;

	position: relative;

	margin-top: 16px;

}

.case_right_right_bottom_right img {

	width: 230px;

	height: 183px;

	position: relative;

}

.case_right_right_bottom_right:hover .case_tips_box_small {

	height: 40px;

}

.case_right_bottom_box {

	margin-top: 15px;

	position: relative;

	height: 226px;

	width: 705px;

	overflow: hidden;

}

.case_right_bottom_box img {

	height: 226px;

	width: 705px;

	transition: all 0.7s;

	-webkit-transition: all 0.7s;

	-moz-transition: all 0.7s;

	-o-transition: all 0.7s;

}

.case_right_bottom_box:hover img {

	-ms-transform: scale(1.15);

	transform: scale(1.15);

	-webkit-transform: scale(1.15);

	-moz-transform: scale(1.15);

	-o-transform: scale(1.15);

}

/*设计师*/

.designer_content_box {

	overflow: hidden;

}

.designer_video_box {

	position: relative;

	width: 309px;

	height: 578px;

	float: left;

}

.designer_box {

	width: 888px;

	height: 578px;

	float: right;

	overflow: hidden;

	position: relative;

}

.designer_list_box {

	width: 284px;

	height: 284px;

	margin-left: 10px;

	float: left;

	font-size: 12px;

	background: #f8f8f8;

	margin-bottom: 10px;

}

.designer_list_box i {

	font-style: normal;

	color: red;

}

.designer_list_box .designer_info {

	background: rgba(0, 0, 0, 0.75);

	position: absolute;

	height: 0px;

	bottom: 0;

	width: 100%;

	transition: height 0.5s;

	-moz-transition: height 0.5s;

	-webkit-transition: height 0.5s;

	-o-transition: height 0.5s;

}

.designer_list_box p {

	overflow: hidden;

	position: relative;

	width: 284px;

}

.designer_img_box {

	height: 284px;

	width: 284px;

	overflow: hidden;

}

.designer_list_box:hover .designer_info {

	height: 80px;

}

.designer_list_box img {

	transition: all 0.5s;

	-webkit-transition: all 0.5s;

	-moz-transition: all 0.5s;

	-o-transition: all 0.5s;

}

.designer_list_box:hover img {

	-ms-transform: scale(1.15);

	transform: scale(1.15);

	-webkit-transform: scale(1.15);

	-moz-transform: scale(1.15);

	-o-transform: scale(1.15);

}

.designer_btn_box {

	position: absolute;

	bottom: 0px;

	display: none;

}

.designer_btn_box a {

	display: inline-block;

	color: #fff;

	font-size: 12px;

	padding: 6px 30px;

}

.see_case {

	background: rgba(127, 127, 127, 0.8);

}

.see_case:hover {

	background: #7f7f7f;

}

.order_design {

	background: rgba(243, 134, 15, 0.8);

}

.order_design:hover {

	background: #f3860f;

}

/*在建工地*/

.construction_style {

	display: inline-block;

	width: 800px;

	white-space: nowrap;

	overflow: hidden;

	text-overflow: ellipsis;

}

.construction_style a {

	margin-right: 20px;

	color: #7f7f7f;

}

.construction_style a:hover {

	text-decoration: underline;

}

.more_btn {

	display: inline-block;

	float: right;

}

.more_btn a {

	color: #333;

}

.more_btn a:hover {

	color: #f25618;

}

.construction_list_box {

	margin-left: -12.6px;

	width: 968px;

	height: 432px;

	float: left;

}

.construction_list_box_right {

	float: right;

	width: 230px;

	height: 432px;

	background: url(../images/tuanzhuan.png);

}

.construction_list_box_right a {

	display: block;

	width: 188px;

	height: 35px;

	border: 1px solid #fff;

	margin: auto;

	text-align: center;

	color: #fff;

	line-height: 35px;

	margin-top: 350px;

}

.construction_list_box_right a:hover {

	background: #fff;

	color: #000;

	-webkit-transition: 0.5s;

	transition: 0.5s;

}

.construction_list {

	width: 310px;

	height: 210px;

	position: relative;

	float: left;

	margin-left: 12.6px;

	margin-bottom: 10px;

	overflow: hidden;

}

.construction_list a {

	display: block;

}

.construction_list:hover .construction_tips {

	height: 66px;

}

.construction_list img {

	transition: all 0.5s;

	-webkit-transition: all 0.5s;

	-moz-transition: all 0.5s;

	-o-transition: all 0.5s;

}

.construction_list:hover img {

	-ms-transform: scale(1.15);

	transform: scale(1.15);

	-webkit-transform: scale(1.15);

	-moz-transform: scale(1.15);

	-o-transform: scale(1.15);

}

.construction_tips {

	position: absolute;

	bottom: 0;

	width: 100%;

	background: rgba(0, 0, 0, 0.75);

	color: #fff;

	font-size: 12px;

	font-size: 13px;

	height: 0px;

	transition: height 0.5s;

	-moz-transition: height 0.5s;

	-webkit-transition: height 0.5s;

	-o-transition: height 0.5s;

}

.construction_tips span {

	display: inline-block;

	white-space: nowrap;

	overflow: hidden;

	text-overflow: ellipsis;

	margin-top: 5px;

}

/*团装小区*/

.village_left_swiper {

	width: 345px;

	height: 350px;

}

.village_left {

	width: 460px;

	float: left;

}

.gallery-textbox {

	position: absolute;

	bottom: 0;

	background: rgba(0, 0, 0, 0.5);

	width: 100%;

	color: #fff;

}

.village_right {

	width: 740px;

	float: right;

}

.village_right {

	font-size: 12px;

	overflow: hidden;

}

.village_right_list {

	background: #f8f8f8;

	width: 236px;

	height: 350px;

	float: left;

	margin-left: 10px;

	text-align: center;

	padding-top: 5px;

}

.village_right_list:hover {

	background: #73b434;

	color: #fff;

}

.village_right_list img {

	transition: all 0.5s;

	-webkit-transition: all 0.5s;

	-moz-transition: all 0.5s;

	-o-transition: all 0.5s;

}

.village_right_list:hover img {

	-ms-transform: scale(1.15);

	transform: scale(1.15);

	-webkit-transform: scale(1.15);

	-moz-transform: scale(1.15);

	-o-transform: scale(1.15);

}

.village_right_list:hover .green_btn {

	background: #036833;

	color: #fff;

	padding: 4px 30px;

	border-radius: 8px;

}

.village_right_img {

	display: block;

	margin-top: 5px;

	margin: auto;

	margin-bottom: 10px;

	width: 226px;

	height: 190px;

	overflow: hidden;

}

.village_right_list img {

	width: 226px;

	height: 190px;

}

.village_right_list p {

	line-height: 30px;

	text-align: left;

	width: 200px;

	margin: auto;

}

.short_span {

	width: 90px;

	display: inline-block;

}

.long_span {

	width: 210px;

	display: inline-block;

	white-space: nowrap;

	overflow: hidden;

	text-overflow: ellipsis;

}

/*整装和定制*/

.width1200 {

	width: 1200px;

	height: 410px;

}

.pagination {

	position: absolute;

	z-index: 20;

	left: 10px;

	bottom: 10px;

}

.width310 {

	width: 310px !important;

	height: 400px;

}

.swiper-pagination-switch {

	display: inline-block;

	width: 8px;

	height: 8px;

	border-radius: 8px;

	background: #222;

	margin-right: 5px;

	opacity: 0.8;

	border: 1px solid #fff;

	cursor: pointer;

}

.swiper-visible-switch {

	background: #aaa;

}

.swiper-active-switch {

	background: #fff;

}

.customized_list_box {

	-webkit-transition: 0.5s;

	transition: 0.5s;

	width: 290px;

	height: 400px;

	background: #fff;

	color: #333;

	margin: 5px auto auto auto;

	box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);

	-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);

}

.customized_list_box:hover {

	box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);

	-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);

}

.flip_button_box {

	width: 100%;

	height: 20px;

	text-align: right;

}

/*装修知识部分*/

.knowledge_box {

	width: 1200px;

	overflow: hidden;

	background-size: 175px 200px;

	height: 200px;

	background-color: #f8f8f8 !important;

}

.knowledge_list_top {

	width: 239px;

	height: 200px;

	overflow: hidden;

}

.knowledge_pic_box {

	width: 239px;

	height: 200px;

}

.knowledge_pic_box img {

	transition: all 0.5s;

	-webkit-transition: all 0.5s;

	-moz-transition: all 0.5s;

	-o-transition: all 0.5s;

	width: 239px;

	height: 200px;

}

.knowledge_pic_box:hover img {

	-ms-transform: scale(1.1);

	transform: scale(1.1);

	-webkit-transform: scale(1.1);

	-moz-transform: scale(1.1);

	-o-transform: scale(1.1);

	width: 239px;

	height: 200px;

}

.first_knowledge_box {

	background: url(../images/knowledge_top.jpg) left center no-repeat;

	margin-bottom: 14px;

}

.last_knowledge_box {

	background: url(../images/knowledge_bottom.jpg) left center no-repeat;

	margin-bottom: 40px;

}

/*装修攻略*/

.knowledge_list_top {

	float: left;

	position: relative;

	margin-left: 16px;

}

.knowledge_list_top img {

	width: 239px;

	height: 200px;

}

.knowledge_list_top:first-child {

	margin-left: 196px;

}

.knowledge_list_top_mask {

	position: absolute;

	bottom: 0px;

	background: rgba(0, 0, 0, 0.6);

	width: 100%;

	height: 28px;

	color: #fff;

	text-align: center;

	font-size: 12px;

	line-height: 28px;

}

/*大家都在问*/

.knowledge_list_box {

	width: 333px;

	float: left;

	overflow: hidden;

	margin-top: 25px;

}

.knowledge_list_box a {

	color: #333;

}

.knowledge_img_box {

	position: absolute;

	margin-left: 0px;

}

.knowledge_list {

	margin-left: 120px;

	position: relative;

	margin-top: -2px;

}

.knowledge_list li {

	list-style: disc;

	font-size: 13px;

	width: 180px;

	display: block;

	white-space: nowrap;

	overflow: hidden;

	text-overflow: ellipsis;

	line-height: 26px;

}

.knowledge_list_box a:hover {

	text-decoration: underline;

	color: #ff343f !important;

}

.knowledge_title {

	margin-bottom: 20px;

	font-size: 18px;

}

.list_first {

	margin-left: 196px;

}

.list_next {
	/*margin-left: 70px;*/

}

#customized .swiper-slide {

	opacity: 1;

}

#interent .swiper-slide {

	opacity: 1;

}

/*2月28日改版新增*/


.liuyan {
	overflow: hidden;
	width: 990px;
	height: 323px;
	border: 5px solid #605d5c;
	margin: 20px auto;
	background: #fff;
}

.liuyan .tu {
	overflow: hidden;
	width: 439px;
	height: 323px;
	background: url(../images/liuyan.jpg) no-repeat center;
	float: left
}

.liuyan .tu p {
	font-size: 25px;
	color: #fff;
	font-weight: bold;
	margin-left: 112px;
	margin-top: 225px;
}

.liuyan ul {
	overflow: hidden;
	width: 525px;
	float: right;
	margin-top: 30px;
}

.liuyan li {
	overflow: hidden;
	margin-bottom: 12px;
}

.liuyan input {
	display: block;
	float: left;
	padding-left: 40px;
	height: 40px;
	border: 1px solid #c0c0c0;
	border-radius: 20px;
	line-height: 40px;
	font-size: 13px;
	color: #333;
	margin-right: 15px;
	width: 203px;
}

.liuyan select {
	width: 245px;
	height: 30px;
	line-height: 32px;
	border: 1px solid #c0c0c0;
	font-size: 13px;
	color: #333;
	padding: 0 10px;
}

.liuyan textarea {
	padding: 10px;
	padding-left: 40px;
	width: 454px;
	height: 100px;
	background: url(../images/liuyan04.png) no-repeat left top;
	font-size: 13px;
	color: #333;
	border: 1px solid #c0c0c0;
	resize: none;
	margin-bottom: 10px;
}

.liuyan .name {
	background: url(../images/liuyan01.png) no-repeat left center;
}

.liuyan .mianji {
	background: url(../images/liuyan02.png) no-repeat left center;
}

.liuyan .phone {
	background: url(../images/liuyan03.png) no-repeat left center;
}

.liuyan em {
	display: block;
	width: 248px;
	height: 40px;
	text-align: center;
	line-height: 40px;
	font-size: 13px;
	color: #fff;
	cursor: pointer;
	background-color: #fc6e19;
	float: left;
	margin-right: 10px;
}

.liuyan a.zxdz {
	color: #000;
	background-color: #e6e6e6;
	display: block;
	width: 248px;
	height: 40px;
	text-align: center;
	line-height: 40px;
	font-size: 13px;
	cursor: pointer;
	float: left;
	margin-right: 10px;
}








.card_title_box {

	width: 1300px;

	margin: auto;

	overflow: hidden;

	padding-top: 50px;

	/* margin-bottom: 20px; */
	text-align: center;

}

.title_green_pic {

	vertical-align: sub;

	margin-right: 5px;

}









.header,
.content,
.footer,
.container {
	margin-left: auto;
	margin-right: auto;
	width: 1200px;
}

.clearfix:after {
	content: '';
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

.news {
	/* border-top: 1px solid #fff; */
	border-top: 1px solid #000000;
	border-bottom: 1px solid #e0e0e0;
	/* background: #f4f4f4; */
}

.news .newsCon {
	width: 340px;
	padding: 30px 29px;
	border: 1px solid #e0e0e0;
	border-top: none;
	margin: -1px 0 0 -1px;
	border-bottom: none;
	float: left;
}

.news h3 {
	font-weight: normal;
	margin-bottom: 24px;
}

.news h3 a {
	display: block;
	height: 34px;
	background: url(../images/news01.png) no-repeat right center;
}

.news h3 b {
	font-size: 22px;
	color: #4c4b4b;
	margin-right: 10px;
}

.news h3 i {
	font-size: 10px;
	color: #4c4b4b;
}

.news dt {
	padding: 10px;
	background: #fff;
	margin-bottom: 15px;
}

.news dt img {
	display: block;
}

.news dd {
	height: 24px;
	line-height: 24px;
	padding-left: 18px;
	background: url(../images/ty01.png) no-repeat left center;
	margin-bottom: 10px;
	font-size: 13px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;border-bottom: 1px solid #eee;
}
.news dd span {
    float: right;
}
.news dd a {
	color: #333;
	
}



.news a.news_more {
	display: block;
	width: 112px;
	height: 38px;
	line-height: 38px;
	text-align: center;
	border: 1px solid #d7d7d7;
	border-radius: 20px;
	font-size: 14px;
	margin-top: 40px;
	color: #2b388f;
}



.news .newsCon:hover a.news_more {
	background: #4c4b4b;
	color: #fff;
	border-color: #4c4b4b;
}

.news dl dd:hover {
	background: url(../images/ty02.png) no-repeat left center;
}









.card_title_left {

	width: 100%;

	float: left;

	overflow: hidden;

	he ight: 40px;
	margin-bottom: 15px;

}

.card_title_right {

	width: 20%;

	float: right;

	text-align: right;

	font-size: 12px;

	margin-top: 17px;

}

.card_title_right a {

	color: #000;

}

.card_title_right a:hover {

	color: #ff343f;

}

.big_size_blod {

	font-size: 28px;

	font-weight: bold;

	color: #4c4b4b;

	display: block;

	margin-bottom: 10px;

}

.big_size {

	font-size: 28px;

	margin-left: 8px;

	margin-right: 10px;

}

.small_size {

	font-size: 12px;

}

.title_little {

	font-size: 16px;
	display: block;

	margin: 0 auto;
	height: 52px;
	line-height: 50px;
}

.title_little a {

	font-style: normal;
	color: #474747;
	width: 210px;
	display: inline-block;
	backg round: #e6e6e6;
	border: 1px solid #2c2a2d;
	border-radius: 26px;
	margin-right: 10px;
	font-size: 16px;

}

.title_little a:hover {

	text-decoration: underline;
	background: #4c4b4b;
	color: #fff;
	text-decoration: none;

}

.hot_product {

	overflow: hidden;

	clear: both;

	/* background: #242424; */

}

.hot_pic {

	width: 30%;

	height: 400px;

	position: relative;

	/* background: #eee; */

}

.hot_pic img {

	width: 100%;

	height: 100%;

}

.hot_banner {

	width: 70%;

	height: 400px;

	position: relative;

}

.hot_banner img {

	width: 100%;

	height: 400px;

}

.hot_top_btn {

	position: absolute;

	display: block;

	width: 78px;

	height: 26px;

	background: #a4e14b;

	font-size: 12px;

	text-align: center;

	line-height: 26px;

	bottom: 43px;

	left: 20px;

	color: #000;

	-webkit-transition: all .3s ease;

	transition: all .3s ease;

}

.hot_top_btn:hover {

	background: #f8f625;

}

.hot_bottom_btn {

	position: absolute;

	display: block;

	width: 78px;

	height: 26px;

	background: #b06b37;

	font-size: 12px;

	text-align: center;

	line-height: 26px;

	bottom: 40px;

	left: 22px;

	color: #fff;

	-webkit-transition: all .3s ease;

	transition: all .3s ease;

}

.hot_bottom_btn:hover {

	background: #c84025;

}

.arrow-left {

	display: block;

	position: absolute;

	z-index: 99;

	width: 139px;

	height: 400px;

	left: 0;

}

.arrow-left:hover {

	background: url(../images/arrowhover_left.png) center center no-repeat;

	display: inline-block;

	position: absolute;

	z-index: 99;

	width: 139px;

	height: 400px;

}

.arrow-right {

	display: block;

	position: absolute;

	z-index: 99;

	width: 139px;

	height: 400px;

	right: 0;

}

.arrow-right:hover {

	background: url(../images/arrowhover_right.png) center center no-repeat;

	display: inline-block;

	position: absolute;

	z-index: 99;

	width: 139px;

	height: 400px;

}

.gray_bgColor {

	background: #232225;

}

/*.prd-intro-floor div:hover img{transform: rotateY(180deg);}*/
.prd-intro-floor {

	width: 1200px;

	height: 330px;

	margin: auto;

	overflow: hidden;

	position: relative;

}

.prd-intro-first {

	position: absolute;

	display: block;

	top: 0px;

	left: 0px;

	width: 460px;

	height: 330px;

	background-position: center center;

	background-repeat: no-repeat;

	background-size: 100% 100%;

	transition: all 0.9s;

	cursor: pointer;

}

.prd-intro-first:hover {

	background-size: 105% 105%;

}

.prd-intro-first-liner {

	display: block;

	background: white;

	display: block;

	position: absolute;

	left: 22px;

	top: 205px;

	width: 30px;

	height: 1px;

}

.prd-intro-line-one {

	color: white;

	font-size: 32px;

	font-weight: bold;

	display: block;

	position: absolute;

	left: 22px;

	top: 242px;

}

.prd-intro-line-two {

	color: #e9e9e9;

	font-size: 14px;

	display: block;

	position: absolute;

	left: 22px;

	top: 290px;

}

.prd-intro-icon {

	position: absolute;

	right: 30px;

	bottom: 30px;

	display: block;

	transition: all 0.3s;

}

.prd-intro-second {

	position: absolute;

	top: 0px;

	left: 471px;

	width: 280px;

	height: 330px;

	background-position: 0px 0px;

	background-repeat: no-repeat;

	background-size: 100% 100%;

	background: url(../images/prd-intro-second.jpg) no-repeat center;

	display: block;

	cursor: pointer;

}

.prd-intro-second-images {

	position: absolute;

	bottom: 0;

	right: 10px;

	transition: all 0.3s;

}

.prd-intro-second:hover .prd-intro-second-images {

	position: absolute;

	bottom: 0;

	right: 20px;

}

.prd-intro-second-liner {

	display: block;

	width: 30px;

	height: 1px;

	background: #3e545f;

	position: absolute;

	top: 24px;

	left: 12px;

}

.prd-intro-second-line-one {

	color: #dc4e1d;

	font-size: 26px;

	font-weight: bold;

	display: block;

	position: absolute;

	left: 12px;

	top: 55px;

}

.prd-intro-second-line-two {

	color: #3e3e3e;

	font-size: 14px;

	display: block;

	position: absolute;

	left: 12px;

	top: 100px;

}

.prd-intro-third {

	position: absolute;

	right: 0px;

	top: 0;

	width: 440px;

	height: 160px;

	background-position: 0px 0px;

	background-repeat: no-repeat;

	background-color: #efeef3;

	display: block;

	cursor: pointer;

}

.prd-intro-third:hover .small_imgs {

	right: 40px;

	position: absolute;

	bottom: 30px;

}

.prd-intro-third-liner {

	display: block;

	width: 30px;

	height: 1px;

	background: #3e545f;

	position: absolute;

	top: 37px;

	left: 23px;

}

.prd-intro-third-line-one {

	color: #dc4e1d;

	font-size: 26px;

	font-weight: bold;

	display: block;

	position: absolute;

	left: 20px;

	top: 68px;

}

.prd-intro-third-line-two {

	color: #605f61;

	font-size: 14px;

	display: block;

	position: absolute;

	left: 20px;

	top: 111px;
	width: 260px;

}

.prd-intro-fourth {

	position: absolute;

	right: 0px;

	top: 170px;

	width: 440px;

	height: 160px;

	background-position: 0px 0px;

	background-repeat: no-repeat;

	background-size: 100% 100%;

	background-color: #efeef3;

	display: block;

	cursor: pointer;

}

.small_imgs {

	right: 30px;

	position: absolute;

	top: 30px;

	transition: all 0.3s
}

.prd-intro-fourth:hover .small_imgs {

	right: 40px;

	position: absolute;

	top: 30px;

}

.shj_index_jsq_box {

	width: 100%;

	height: 390px;

	margin: 0 auto;

}

.shj_index_jsq {

	width: 1220px;

	height: inherit;

	margin: 0 auto;

}

.shj_index_jsq_title {

	width: inherit;

	height: 100px;

	text-align: center;

	margin-top: 20px;

}

.shj_index_jsq_title>h2 {

	font-size: 32px;

}

.shj_index_jsq_title_line {

	color: #75b43f;

	font-weight: bold;

}

.shj_index_jsq_content {

	width: inherit;

	height: 290px;

	float: left;

}

.shj_index_jsq_menu_box {

	width: 220px;

	height: 250px;

	float: left;

}

.shj_index_jsq_menu {

	width: 105px;

	background: #f6f6f6;

	float: left;

	border-radius: 7px;

	text-align: center;

	padding: 27px 0;

	cursor: pointer;

	position: relative;

}

.shj_index_jsq_menu_bg {

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

}

.shj_index_jsq_menu_click {

	background: #064e38;

	color: #fff;

}

.shj_index_jsq_menu_left {

	margin-left: 10px;

}

.shj_index_jsq_menu_big {

	margin-top: 10px;

	width: 220px;

}

.shj_index_jsq_menu>h5 {

	margin-top: 5px;

}

.shj_index_jsq_menu_img2 {

	display: none;

}

.shj_index_jsq_info_box {

	width: 800px;

	height: 212px;

	padding: 19px 30px 19px 0px;

	font-size: 14px;

	float: left;

	position: relative;

	margin-left: 10px;

}

#shj_index_jsq_bj,
#shj_index_jsq_lfyf {

	position: absolute;

	top: 19px;

	left: 45px;

}

#shj_index_jsq_lfyf {

	display: none;

}

.shj_index_jsq_item {

	width: 750px;

	height: 45px;

}

.shj_index_jsq_item>h5 {

	width: 60px;

	height: 30px;

	line-height: 30px;

	float: left;

}

.shj_index_jsq_select {

	width: 150px;

	height: 30px;

	bord er: 1px solid #c8c8c8;

	border-radius: 8px;

	text-align: center;

	line-height: 30px;

	position: relative;

	margin-left: 15px;

	cursor: pointer;

	font-size: 14px;

	background: #fff;

	display: inline-block;

}

.shj_index_jsq_text {

	width: 150px;

	height: 30px;

	border: 1px solid #c8c8c8;

	border-radius: 8px;

	text-align: center;

	line-height: 30px;

	position: relative;

	margin-left: 20px;

	cursor: pointer;

	font-size: 14px;

	float: left;

	outline: none;

}

.shj_index_jsq_select_bg {

	width: inherit;

	height: inherit;

	position: absolute;

	top: 0;

	left: 0;

	z-index: 99;

}

.shj_index_jsq_jicon {

	text-align: right;

	position: absolute;

	top: 0px;

	right: 20px;

}

.shj_index_jsq_input {

	width: 495px;

	text-align: left;

	text-indent: 20px;

}

.shj_index_jsq_input:focus {

	border: 1px solid #75b43f;

}

.shj_index_jsq_radio {

	width: auto;

	height: 30px;

	line-height: 30px;

	margin-left: 20px;

	display: inline-block;

	cursor: pointer;

	position: relative;

}

.shj_index_jsq_radio span {

	font-size: 12px;

}

.shj_index_jsq_radio_bg {

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

}

.shj_index_jsq_ricon {

	display: block;

	width: 16px;

	height: 16px;

	margin: 7px 8px 0 0;

	background: url(../images/icon.png) no-repeat;

	background-position: -30px -828px;


	cursor: pointer;

	float: left;

}

.shj_index_jsq_ricon_check {

	background-position: -6px -828px;

}

.shj_index_jsq_cbtn {

	background: #222023;

	color: #fff;

	line-height: 20px;

}

.shj_index_jsq_select_list {

	width: inherit;

	height: auto;

	background: #fff;

	padding: 7px 0;

	position: absolute;

	top: 23px;

	left: -1px;

	z-index: 999;

	border-left: 1px solid #75b43f;

	border-right: 1px solid #75b43f;

	border-bottom: 1px solid #75b43f;

	border-bottom-left-radius: 8px;

	border-bottom-right-radius: 8px;

	position: absolute;

	top: 25px;

	left: -1px;

	z-index: 999;

	display: none;

	max-height: 140px;

	overflow: hidden;

	overflow-y: auto;

}

.shj_index_jsq_select_list li {

	height: 30px;

}

.shj_index_jsq_select_list li:hover {

	background: #f6f6f6;

}

.shj_index_jsq_city_list {

	height: 210px;

	overflow-y: scroll;

}

.shj_index_jsq_bj_box {

	width: 160px;

	height: 250px;

	float: left;

	position: relative;

}

#shj_index_jsq_bj_right,
#shj_index_jsq_lf_right,
#shj_index_jsq_yf_right {

	position: absolute;

	top: 5px;

	left: 0;

}

#shj_index_jsq_lf_right,
#shj_index_jsq_yf_right {

	display: none;

}

.shj_index_jsq_brst {

	width: 150px;

	height: 65px;

	background: #f6f6f6;

	color: #cf832f;

	border-radius: 8px;

	text-align: center;

	font-size: 16px;

	padding-top: 5px;

	margin-bottom: 10px;

}

.shj_index_jsq_brst>h5 {

	margin-bottom: 10px;

}

.shj_index_jsq_bj_box>p {

	width: 132px;

	padding: 10px 9px 6px;

	line-height: 18px;

}

.shj_index_jsq_btn {

	width: 150px;

	height: 46px;

	border-radius: 8px;

	border: 1px solid #9fc97f;

	color: #9fc97f;

	margin-top: 10px;

	font-size: 14px;

	cursor: pointer;

}

.shj_index_jsq_rbtn {

	background: #75b43f;

	color: #fff;

}

.shj_index_jsq_info_box input[type='text'] {

	cursor: text;

}

.shj_index_jsq_right_img {

	width: 150px;

	height: 212px;

	border-radius: 8px;

}

.shj_index_jsq_wdiv {

	width: inherit;

	height: 35px;

}

.right-img-tip {

	position: absolute;

	right: 20px;

	top: 20px;

	display: block;

	width: 150px;

	height: auto;

}

.calculator_right_slide {

	position: absolute;

	width: 100%;

	padding: 55px 0px;

	left: 0px;

	top: 0px;

}

.calculator_right {

	display: inline-block;

	vertical-align: top;

	margin-left: 10px;

	position: relative;

	background-color: #f6f6f6;

	width: 973px;

	height: 140px;

	padding: 55px 0px;

}

.calculator_right_modal {

	display: block;

	margin-bottom: 15px;

	margin-top: 20px;

	padding: 0px 20px;

}

.calculator_right_modal label {

	margin-right: 0px;

	font-size: 14px;

}

.calculator_right_modal select {

	display: inline-block;

	width: 145px;

	height: 30px;

	text-align: center;

	background-color: #fff;

	margin-right: 15px;

	text-align: center;

	border-radius: 6px;

	text-align-last: center;

}

.calculator_right_modal select:focus {

	border-color: #dc4e1d;

}

.calculator_right_modal input {

	display: inline-block;

	width: 140px;

	height: 30px;

	text-align: left;

	background-color: #fff;

	padding-left: 10px;

	border-radius: 10px;

	border: 1px solid #dcdcdc;

	text-align: center;

	margin-left: 15px;

}

.calculator_right_modal input:focus {

	border-color: dc4e1d;

}

.form-radio-box {

	display: inline-block;

	width: 90px;

}

.form-radio-box input {

	display: inline-block;

	width: 15px;

	height: 15px;

	margin-right: 10px;

	vertical-align: middle;

}

.form-radio-box span {

	vertical-align: middle;

	white-space: nowrap;

	font-size: 12px;

}

.calculator-btn-red {

	display: inline-block;

	background-color: #222023;

	width: 150px;

	height: 20px;

	padding: 5px;

	text-align: center;

	color: #fff;

	border-radius: 10px;

	font-size: 12px;

	height: 20px;

	vertical-align: middle;

	line-height: 20px;

	margin-left: 15px;

}

.calculator-btn-red:hover {

	cursor: pointer;

}

.calculator_left {

	display: inline-block;

	width: 218px;

	height: 250px;

	overflow: hidden;

	vertical-align: top;

}

.calculator_left ul {

	margin-right: -10px;

}

.calculator_left-modal {

	display: block;

	width: 105px;

	height: 120px;

	background-color: #f3f3f3;

	margin-bottom: 10px;

	margin-right: 8px;

	float: left;

	border-radius: 10px;

}

.calculator_left-modal:hover {

	cursor: pointer;
	/*background: #064e38;*/

	transition: 0.3s;

}

.calculator_left-modal:hover p {
	/*color: white;*/

}

.calculator_left-modal:last-child {

	width: 218px;

	height: 120px;

}

.calculator_left-modal div {

	display: block;

	width: 30px;

	height: 40px;

	background-size: 100% 100%;

	margin: 0 auto;

	margin-top: 30px;

	margin-bottom: 5px;

	background-repeat: no-repeat;

}

.calculator_left-modal p {

	text-align: center;

	color: #dc4e1d;

	font-size: 14px;

}

.calculator_left-modal-active {

	background-color: #222023;

}

.calculator_left-modal-active>p {

	color: white;

}

.budget {

	position: absolute;

	right: 20px;

	top: 10px;

	display: block;

	width: 150px;

	height: auto;

	font-size: 13px;

}

.budget_text {

	font-size: 14px;

	margin-top: 10px;

	margin-bottom: 15px;

	color: #ce8641;

	text-align: center;

}

.budget_input {

	border: none;

	text-align: center;

	color: #ce8641;

}

.system_quotation {

	display: block;

	color: #73b434;

	border: 1px solid #73b434;

	text-align: center;

	height: 40px;

	line-height: 40px;

	border-radius: 6px;

}

/* .system_quotation:hover{background:#222023;color: #fff;}*/
.artificial_quotation {

	display: block;

	color: #fff;

	background: #222023;

	text-align: center;

	height: 42px;

	line-height: 42px;

	border-radius: 6px;

	margin-top: 10px;

}

.artificial_quotation:hover {

	background: #222023;

}


/*底部导航*/
#footer {
	width: 100%;
	height: 390px;
	background: #212121;
}

.end {
	margin: 0px auto;
	width: 1200px;
	height: 350px;
}

.end_list {
	float: left;
	width: 1200px;
	height: 55px;
	line-height: 55px;
	text-align: left;
	font-size: 16px;
	color: #e2e2e2;
}

.end_list a {
	font-size: 16px;
	color: #e2e2e2;
	padding: 0px 17px;
}

.end_mid {
	float: left;
	width: 1080px;
	height: 245px;
	background: url(../images/end_biao.png) no-repeat 8px 35px;
	padding-top: 30px;
	padding-left: 45px;
}

.end_mid_left {
	float: left;
	width: 700px;
	height: 300px;
	line-height: 35px;
	font-size: 16px;
	color: #e2e2e2;
	overflow: hidden;
}

.end_mid_left a {
	font-size: 16px;
	color: #e2e2e2;
}

.end_mid_right {
	float: right;
	width: 370px;
	height: 200px;
	padding-top: 35px;
}

.end_mid_right dl {
	float: left;
	width: 142px;
	height: 180px;
	margin-right: 40px;
}

.end_mid_right dl dt {
	float: left;
	width: 142px;
	height: 142px;
}

.end_mid_right dl dd {
	float: left;
	width: 142px;
	height: 38px;
	line-height: 38px;
	text-align: center;
	font-size: 16px;
	color: #bcbcbc;
}


.yqlj {
	width: 100%;
	height: 50px;
	background: #2b388f;
	margin-bottom: -22px;
}

.copyright {
	width: 1200px;
	margin: 0 auto;
	text-align: left;
	overflow: hidden;
	padding-top: 10px;
}

.copyright dl {
	float: left;
	width: 1140px;
}

.copyright dl dt {
	float: left;
	width: 88px;
	line-height: 35px;
	text-align: center;
	font-size: 16px;
	color: #e2e2e2;
}

.copyright dl dd {
	float: right;
	width: 1050px;
	line-height: 30px;
	text-align: left;
	padding-top: 5px;
}

.copyright dl dd a {
	font-size: 16px;
	color: #e2e2e2;
	padding-right: 20px;
}

/*优势*/


.index_hengp1 {
	width: 100%;
	height: 143px;
	overflow: hidden;
	background: url(../images/hengbj1.png) center center no-repeat;
}

.index_hengp2 {
	width: 100%;
	height: 230px;
	overflow: hidden;
	background: url(../images/hengbj2.png) center center no-repeat;
}

.youshi {
	padding-bottom: 42px;
	width: 1200px;
	margin: 20px auto;
	height: auto;

}



.youshi .index-title {
	padding-top: 70px;
	padding-bottom: 50px;
	background: url(../images/icon-6.png) no-repeat center;
}

.youshi-list {
	width: 1230px;
}

.youshi-list li {
	position: relative;
	float: left;
	margin-right: 31px;
	margin-bottom: 30px;
	padding: 0 28px 0 38px;
	width: 377px;
	height: 210px;
	border: 1px solid #C9C9C9;
	box-sizing: border-box;
	-webkit-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
}

.youshi-list li:before {
	position: absolute;
	left: 50%;
	bottom: -26px;
	margin-left: -192px;
	width: 384px;
	height: 25px;
	content: url(../images/youshi-shadow.png);
}

.sp-ys {
	display: inline-block;
	background-image: url(../images/sprite-youshi.png);
	background-repeat: no-repeat;
	overflow: hidden;
}

.youshi-list li>.sp-ys {
	position: absolute;
	left: 0;
	top: 0;
	width: 41px;
	height: 41px;
}

.sp-ys1 {
	background-position: 0 0;
}

.sp-ys2 {
	background-position: 0 -41px;
}

.sp-ys3 {
	background-position: 0 -82px;
}

.sp-ys4 {
	background-position: 0 -123px;
}

.sp-ys5 {
	background-position: 0 -164px;
}

.sp-ys6 {
	background-position: 0 -205px;
}

.youshi-list li .pic {
	width: 70px;
	height: 100px;
	line-height: 100px;
	-webkit-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
}

.fl {
	float: left;
}

.com-cell {
	display: table-cell;
	vertical-align: middle;
}

.com-table {
	display: table;
	width: 100%;
	height: 100%;
}

.youshi-list li:hover .pic {
	-webkit-transform: translateY(-5px);
	-ms-transform: translateY(-5px);
	-o-transform: translateY(-5px);
	transform: translateY(-5px);
}

.youshi-list li .pic .sp-ys {
	vertical-align: middle;
}

.sp-ys1-1 {
	width: 55px;
	height: 55px;
	background-position: -65px -497px;
}

.sp-ys2-1 {
	width: 52px;
	height: 52px;
	background-position: -67px -365px;
}

.sp-ys3-1 {
	width: 56px;
	height: 48px;
	background-position: -63px -437px;
}

.sp-ys4-1 {
	width: 47px;
	height: 47px;
	background-position: -67px -177px;
}

.sp-ys5-1 {
	width: 45px;
	height: 50px;
	background-position: -67px -234px;
}

.sp-ys6-1 {
	width: 48px;
	height: 56px;
	background-position: -67px -291px;
}

.youshi-list li .cont {
	width: 239px;
}

.youshi-list li h5 {
	position: relative;
	margin-bottom: 30px;
	font-size: 22px;
	color: #333;
	-webkit-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
}

.youshi-list li:hover h5 {
	color: #F05A28;
}

.youshi-list li h5:before {
	position: absolute;
	left: 0;
	bottom: -15px;
	width: 25px;
	border-bottom: 1px solid #999;
	content: "";
}

.youshi-list li p {
	line-height: 1.75;
	font-size: 12px;
}




/* .tyg{background:url(../images/tygbr.jpg) no-repeat center bottom;height:940px; }
.tygdw{position:relative; right: 50px; margin-top: 25px;}
.tygms{position:absolute;}
.tygms p{font-size:16px;line-height: 28px; width:400px;}
.tygms p:nth-child(2n){ margin-top:10px;}
.tygms p strong{font-size: 18px;display: inline-block; color: #dc4e1d; margin-left: 10px;}
.tygms p span{wid th: 133px;display: inline-block;}
.tygms p em{font-size: 20px;}
.tygdw_1{left:50px; top: 50px; wid th: 400px; he ight: 84px; padding-left:60px; background:url(../images/ys_title1.png) no-repeat center left;}
.tygdw_2{left:780px;top: 35px; padding-left:60px; height: 84px; background:url(../images/ys_title2.png) no-repeat center left;}
.tygdw_3{left:10px;top: 171px; padding-left:60px; height: 84px; background:url(../images/ys_title3.png) no-repeat center left;}
.tygdw_4{left:800px;top: 148px; padding-left:60px; height: 84px; background:url(../images/ys_title4.png) no-repeat center left;}
.tygdw_5{left:780px;top: 264px; padding-left:60px; height: 84px; background:url(../images/ys_title6.png) no-repeat center left;}
.tygdw_6{left:40px;top:290px; padding-left:60px; height: 84px; background:url(../images/ys_title5.png) no-repeat center left;} */


/*关于*/
.rljj-advantage {
	overflow: hidden;
	margin-top: 0px;
	background: url(../images/advantage-bg.jpg) no-repeat top center;
	height: 660px;
	padding-top: 20px;
}

.rljj-advantage .bd {
	position: relative;
	width: 1200px;
	height: 548px;
	margin-top: 60px;
	marg in-left: 16px;
	text-align: center;
}

.rljj-advantage .bd img {
	z-index: 0;
	width: 1106px;
	height: 478px;
}

.rljj-advantage .bd .text {
	posit ion: absolute;
	bottom: 0;
	height: 40px;
	width: 480px;
	color: #2c2a2d;
	padding: 0px 20px;
	font-size: 18px;
	float: left;
	text-align: left;
	margin-left: 30px;
	line-height: 1.6em;
}

.rljj-advantage .hd {
	margin-top: 37px;
}

.rljj-advantage .hd li {
	width: 108px;
	height: 108px;
	float: left;
	margin-left: 60px;
	background: url(advantage-btn.png);
	text-align: center;
	line-height: 90px;
	color: #000000;
	font-size: 22px;
	cursor: pointer;
}

.rljj-advantage .hd li:hover {
	transform: translateY(-5px);
	-ms-transform: translateY(-5px);
	-webkit-transform: translateY(-5px);
	-o-transform: translateY(-5px);
	-moz-transform: translateY(-5px);
}

/*流程*/
.yunu-tt1 {
	background: url(../images/pic2.jpg) no-repeat center 0;
	height: 266px;
	color: #fff;
	margin-top: 30px;
}

.yunu-tt1 p {
	padding-top: 62px;
	color: #fff;
	font-size: 30px;
	font-weight: bold;
	letter-spacing: 5px;
}

.yunu-tt1 p span {
	display: block;
	font-size: 40px;
}

.yunu-tt1 p strong {
	color: #055abd;
}

.yunu-tt1 em {
	float: right;
	font-size: 24px;
	color: #fff;
	padding-top: 70px;
	text-align: right;
	padding-right: 40px;
	font-style: normal;
}

.yunu-tt1 em span {
	display: block;
	font-size: 26px;
	font-weight: bold;
	padding-top: 7px;
	padding-bottom: 18px;
}

.yunu-tt1 em a {
	display: inline-block;
	width: 110px;
	height: 38px;
	line-height: 38px;
	border-radius: 38px;
	background: #dc4e1e;
	color: #fff;
	font-size: 16px;
	text-align: center;
}

/*首页复选框*/
.calculator_right_modal .np {
	width: 14px;
	height: 14px;
	margin-right: 8px;
	margin-left: 20px;
}

/*产品2*/





/*产品展示*/



.index_case {
	overflow: hidden;
	width: 100%;
	background: url(../images/casebj.jpg) left bottom  no-repeat;
	padding: 40px 0 30px 0;
}
.index_case .index_case_bt {
	text-align: center;
	color: #fff;
	overflow: hidden;
	position: relative;
}
.index_case .index_case_bt span {
	display: inline-block;
	padding: 0 10px;
	line-height: 40px;
	
	font-size: 30px;
	
	position: relative;
	z-index: 1;
}
.index_case .index_case_bt i {
	position: absolute;
	height: 2px;
	background: #fff;
	width: 780px;
	left: 50%;
	top: 50%;
	margin-left: -390px;
	margin-top: -1px;
}
.index_case .index_case_xun {
	background: #fff;
	overflow: hidden;
	border: 3px solid #deefee;
	padding: 0 0 8px 0;
	margin: 35px 0 0 0;
}
.index_case .index_case_xun ul {
	overflow: hidden;
}
.index_case .index_case_xun ul li {
	float: left;
	margin: 6px 8px;
	overflow: hidden;
	width: 278px;
	position: relative;border: 2px solid #f1eeee;
}
.index_case .index_case_xun ul li .pic_text {
	position: absolute;
	width: 100%;
	text-align: center;
	top: -100%;
	color: #fb811d;
	font-size: 20px;
	z-index: 1;
	transition: all 0.6s;
	-moz-transition: all 0.6s;
	-webkit-transition: all 0.6s;
	-o-transition: all 0.6s;
}
.index_case .index_case_xun ul li .pic_more {
	position: absolute;
	top: 100%;
	left: 50%;
	margin-left: -34px;
	z-index: 1;
	width: 68px;
	height: 64px;
	background: url(../images/icon_jia.png) no-repeat;
	transition: all 0.6s;
	-moz-transition: all 0.6s;
	-webkit-transition: all 0.6s;
	-o-transition: all 0.6s;
}
.index_case .index_case_xun ul li .pic_more:hover {
	background: url(../images/icon_jiah.png) no-repeat;
	transform: rotate(360deg);
	-webkit-transform: rotate(360deg);
	-moz-transform: rotate(360deg);
	-o-transform: rotate(360deg);
	-ms-transform: rotate(360deg);
}
.index_case .index_case_xun ul li .pic_bg {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	background: #000;
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	-khtml-opacity: 0;
	opacity: 0;
	transition: all 0.3s;
	-moz-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
}
.index_case .index_case_xun ul li:hover .pic_text {
	top: 30%;
}
.index_case .index_case_xun ul li:hover .pic_more {
	top: 46%;
}
.index_case .index_case_xun ul li:hover .pic_bg {
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
}
.index_case .index_case_xun .line {
	background: url(../images/icon_bl.png) left center repeat-x;
	overflow: hidden;
	height: 50px;
	margin: 0 10px;
}
.index_case .index_case_an {
	text-align: center;
	overflow: hidden;
	padding: 30px 0 0 0;
}
.index_case .index_case_an a {
	width: 230px;
	line-height: 44px;
	overflow: hidden;
	display: inline-block;
	background: #605d5c;
	margin: 0 8px;
	-moz-border-radius: 25px;
	-webkit-border-radius: 25px;
	border-radius: 25px;
	color: #fff;
	font-size: 20px;
	transition: all 0.3s;
	-moz-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
}
.index_case .index_case_an a.on, .index_case .index_case_an a:hover {
	background: #605d5c;
}

.wpc {
	width: 1200px;
	margin: 0 auto;
	position: relative;
}

.ipro {
	position: relative;
	overflow: hidden;
	padding: 30px 0;background: #fff;
    overflow: hidden;
    border: 3px solid #deefee;
    padding: 0 0 8px 0;
    margin: 35px 0 0 0;
}
.ipro .list {
	width: 100%;
}
.ipro .item {
	float: left;
	width: 286px;
	display: block;
	height: 210px;
	overflow: hidden;
	margin-bottom: 15px;
	margin-left: 5px;
	margin-right: 5px;
	position: relative;border: 1px solid #ccc;
}
.ipro .item a {
	display: block;
	position: relative;
	width: 100%;
	height: 210px;
}
.ipro .item img {
	transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
	width: 100%;
	height: 100%;
	display: block;
}
.ipro .item:hover img {
	transform: scale(1.06, 1.06);
}
.ipro .item h3 {
	position: absolute; text-align:center;
	left: 0;
	bottom: 0;
	width: 100%;
	text-indent: 30px;
	font-weight: normal;
	font-size: 14px;
	height: 45px;
	line-height: 45px;
	background:url(../images/black60.png) repeat;
	color: #fff;
}
.ipro .item em {
	position: absolute;
	right: 0;
	bottom: 10px;
	z-index: 2;
	width: 32px;
	height: 26px;
	background-position: -190px 0;
	display: block;
	margin-right: 30px;
	vertical-align: middle;
}
.ipro .item:hover h3 {
	background:url(../images/ipro_t.png) repeat-x left top;
}



/* .diysbt {
	overflow: hidden;
	text-align: center;
}

.diysbt .b2 {
	overflow: hidden;
	font-size: 22px;
	color: #605d5c;
	line-height: 26px;
	margin: 15px 0 0 0;
}
.diysbt .b3 {
	overflow: hidden;
	font-size: 14px;
	color: #666;
	line-height: 26px;
	margin: 15px 0 0 0;
}
.diysbt .line {
	width: 69px;
	height: 1px;
	overflow: hidden;
	margin: 18px auto 0 auto;
	background: url(../images/icon_line1.png) no-repeat;
} */

.imenu {
	text-align: center;
}
.imenu a {
	font-size: 18px; margin:10px 18px ;
	display: inline-block;
	pad ding:10px 23px;
	text-align: center;
	    border-radius: 25px;
	height: 20px;
	line-height: 40px; background:#009689; color:#fff; 
	width: 200px;  height: 40px;
}
.imenu a:first-child {
	border-left: 0 none;
}
.imenu a:hover {
	color: #fff;
	font-weight: bold;
}












/* .pro_bj{ overflow: hidden;font-family:"Microsoft Yahei"; /*background: url(../images/kx_pro_topbg.jpg) no-repeat center top;*/}

.pro {
	margin: 0 auto 0;
	width: 1150px;
	height: auto;
	overflow: hidden;
}

.kx_pro_nav {
	height: 170px;
	/* background: #fff; */
	overflow: hidden;
	argin: 0 0 20px 0;
}

.kx_pro_nav ul {
	margin-top: 40px;
}


.kx_pro_nav  .cur {
	background:#dd632c;
height: 50px;
line-height: 50px;
text-align: center;
font-size: 16px;
width: 270px;
margin-left: 15px;
color:
#fff;
cursor: pointer;
border-radius: 5px; float:left;
	
}
.kx_pro_nav li {
	background:
#2b388f;
height: 50px;
line-height: 50px;
text-align: center;
font-size: 16px;
width: 270px;
margin: 10px;
color:
#fff;
cursor: pointer;
border-radius: 5px; float:left;
	
}

.kx_pro_nav li:hover .kx_pro_con {
	display: block;
}

.kx_pro_nav li a {
	display: inline-block;
	font-size: 16px;
	color: #fff;
	line-height: 50px;
}

.kx_pro_nav li img {
	display: block;
	width: 183px;
	height: 84px;
	margin: 0 auto;
	-webkit-transition: all 0.10s linear 0.01s;
	-moz-transition: all 0.10s linear 0.01s;
	-ms-transition: all 0.10s linear 0.01s;
	-o-transition: all 0.10s linear 0.01s;
	transition: all 0.10s linear 0.01s;
}

.kx_pro_nav li img:hover {
	-webkit-transform: translateY(-5px);
	-moz-transform: translateY(-5px);
	transform: translateY(-5px);
}

.kx_pro_nav li i {
	display: block;
	font: 12px/20px "Arial";
	color: #656565;
	text-transform: uppercase;
}

.kx_pro_nav li a:hover,
.kx_pro_nav .cur a {
	font-weight: bold;
	text-decoration: none;
	color: #fff;
}

.kx_pro_nav .nobg {
	background: none;
}

.kx_pro {
	overflow: hidden;
}

.kx_pro_con {
	overflow: hidden;padding-top: 30px;
}

.kx_pro_con p {
	width: 646px;
	overflow: hidden;
}

.kx_pro_con p img {
	width: 644px;
	height: 426px;
	border: 1px solid #e8e8e8;
}

.kx_pro_con p span {
	display: block;
	margin-top: 17px;
	width: 614px;
	height: 39px;
	line-height: 38px;
	background: #343434;
	font-size: 16px;
	font-weight: bold;
	color: #fff;
	padding-left: 30px;
}

.kx_pro_con ul {
	width: 100%;
	overflow: hidden;
}

.kx_pro_con li {
	float: left;
	margin: 0 5px 23px 5px;
	width: 285px;
	height: 260px;
	position: relative;
	overflow: hidden;
	border: 3px solid #e8e8e8;
	transition: all 0.3s 0.3s;
}

.kx_pro_com li{

	float: left;
	margin: 0 5px 23px 5px;
	width: 580px;
	height: 260px;
	position: relative;
	overflow: hidden;
	border: 3px solid #e8e8e8;
	transition: all 0.3s 0.3s;

}

.kx_pro_con li:hover {
	-moz-transform: scale(1.06, 1.06);
	-webkit-transform: scale(1.06, 1.06);
	transform: scale(1.06, 1.06);
}

.kx_pro_con li .pore i{
	width: 100%;
	height: 220px;
	background: url(../images/icon_yuanj.png) center center no-repeat rgba(0,0,0,0.5);
	position: absolute;
	top: -100%;
	left: 0px;
	z-index: 1;
	display: block;
	transition: all 0.3s;
	-moz-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
}

.kx_pro_con li:hover .pore i {
	top: 0px;
}

.kx_pro_con li img {
	width: 100%;
	height: 216px;
}

.kx_pro_con li span {
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 39px;
	line-height: 39px;
	color: #3a3939;
	font-size: 14px;
	text-align: center;
	font-weight: bold;
	background: #ececec;
}

.kx_pro_con .nomar {
	margin-right: 0;
}

/* .zfx li {
	width: 274px !important;
} */




.diysbt {
	width: 1200px;
    margin: auto;
	overflow: hidden;
	text-align: center;
}
.diysbt .b1 {
	font-weight: bold;
	overflow: hidden;
	font-size: 30px;
	color: #605d5c;
	line-height: 40px;
}
.diysbt .b2 {
	overflow: hidden;
	font-size: 18px;
	color: #605d5c;
	line-height: 26px;
	margin: 15px 0 0 0;
}
.diysbt .b3 {
	overflow: hidden;
	font-size: 14px;
	color: #666;
	line-height: 26px;
	margin: 15px 0 0 0;
}
.diysbt .line {
	width: 69px;
	height: 1px;
	overflow: hidden;
	margin: 18px auto 0 auto;
	background: url(../images/icon_line1.png) no-repeat;
}


.index_hengp1 {
	width: 100%;
	height: 143px;
	overflow: hidden;
	background: url(../images/hengbj1.png) center center no-repeat;
}
.index_hengp2 {
	width: 100%;
	height: 230px;
	overflow: hidden;
	background: url(../images/hengbj2.png) center center no-repeat;
}
 */







/* .pro_bj{height: 670px; overflow: hidden;font-family:"Microsoft Yahei"; }
.pro{margin: 0 auto 0; width:1150px;height:1152px; overflow: hidden;}
.pro h2{padding-top:38px; height: 95px;font-size: 24px; color: #3f3f3f; text-align: center; line-height: 40px;}
.pro h2 i{ display: block;font:12px/40px "Arial"; color:#6f6f6f; text-transform: uppercase;}
.pro h2 i img{vertical-align: middle;margin:0 20px;}
.jdhqg_pro_nav{height: 212px;background: #fff; overflow: hidden;}
.jdhqg_pro_nav li{ float: left;width: 25%; height: 140px;text-align: center;background: url(../images/pro_nav_line.gif) no-repeat right top;}
.jdhqg_pro_nav li a{display: inline-block;font-size: 16px; color: #272727; line-height: 30px;}
.jdhqg_pro_nav li img{ display: block;width:183px;height:114px;margin: 0 auto; -webkit-transition: all 0.10s linear 0.01s; -moz-transition: all 0.10s linear 0.01s; -ms-transition: all 0.10s linear 0.01s; -o-transition: all 0.10s linear 0.01s; transition: all 0.10s linear 0.01s; }
.jdhqg_pro_nav li img:hover{-webkit-transform: translateY(-5px); -moz-transform: translateY(-5px); transform: translateY(-5px);}
.jdhqg_pro_nav li i{display: block;font:12px/20px "Arial"; color:#656565;text-transform: uppercase;}
.jdhqg_pro_nav li a:hover , .jdhqg_pro_nav .cur a{  font-weight: bold;text-decoration: none; color:#e50112;}
.jdhqg_pro_nav .nobg{background:none;}
.jdhqg_pro{height: 783px; overflow: hidden;}
.jdhqg_pro_con{height: 783px; overflow: hidden;}
.jdhqg_pro_con p{width: 646px;  overflow: hidden;}
.jdhqg_pro_con p img{width: 644px; height: 426px;border:1px solid #e8e8e8;}
.jdhqg_pro_con p span{ display: block; margin-top:17px; width: 614px; height: 39px; line-height: 38px;background: #343434; font-size: 16px;font-weight: bold; color: #fff;padding-left: 30px;}
.jdhqg_pro_con ul{width:100%; overflow: hidden;}
.jdhqg_pro_con li{ float: left;margin:0 10px 23px 0;width: 274px; height: 262px; position: relative; overflow: hidden;border:3px solid #e8e8e8; transition: all 1s 0.3s;}
.jdhqg_pro_con li img:hover {
    transform: scale(1.2)  ;
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2); }

.jdhqg_pro_con li img{ width: 100%; height: 225px;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;transition:all .4s ease-in-out;}
.jdhqg_pro_con li span{ display: block;position:absolute; bottom: 0;left:0; width: 100%;background:#2a2a2a; height: 39px; line-height: 39px; color:#fff;font-size: 14px;text-align: center;font-weight: bold;}
.jdhqg_pro_con .nomar{margin-right: 0;}
.zfx li{ width:274px } */







/* .text .left { float: left;margin-top:4px;}
.text .right { float: right; }
.bxybbb {
    width: 100%;
    height: 150px;
    background: url(../images/bxybbb.jpg) no-repeat top center;
    overflow: hidden;}
.pro_bj{ heig ht:880px; overflow: hidden;font-family:"Microsoft Yahei"; marg in-top: 30px; }
.pro_tit{margin: 0 auto 0; width:1150px; hei ght:1152px; overflow: hidden;}

.pro_tit h2 i img{vertical-align: middle;margin:0 20px;}
.pro_nav{ height:120px;background: #fff; overflow: hidden;}
.pro_nav li{ float: left;width: 10.7%; height: 40px;text-align: center; background: #3c2d25;
margin-right: 20px; margin-bottom:20px;}
.pro_nav li a{display: inline-block;font-size: 16px; color: #fff; line-height: 40px;}
.pro_nav li img{ display: block;width:110px;height:54px;margin: 0 auto; -webkit-transition: all 0.10s linear 0.01s; -moz-transition: all 0.10s linear 0.01s; -ms-transition: all 0.10s linear 0.01s; -o-transition: all 0.10s linear 0.01s; transition: all 0.10s linear 0.01s;border: 1px solid #ccc; }
.pro_nav li img:hover{-webkit-transform: translateY(-5px); -moz-transform: translateY(-5px); transform: translateY(-5px);}
.pro_nav li i{display: block;font:12px/20px "Arial"; color:#fff;text-transform: uppercase;}
.pro_nav li a:hover , .pro_nav .cur a{  font-weight: bold;text-decoration: none; color:#fff;}
.pro_nav .nobg{background:none;}
.pro{ overflow: hidden;}
.pro_con{ overflow: hidden;}
.pro_con p{width: 646px;  overflow: hidden;}
.pro_con p img{width: 644px; height: 426px;border:1px solid #e8e8e8;}
.pro_con p span{ display: block; margin-top:17px; width: 614px; height: 39px; line-height: 38px;background: #343434; font-size: 16px;font-weight: bold; color: #fff;padding-left: 30px;}
.pro_con ul{width:100%; overflow: hidden;}
.pro_con li{ float: left; margin:0 10px 23px 0; hei ght:250px; padding-bottom:7px; position: relative; overflow: hidden;border:3px solid #e8e8e8;  background:#f8f4f3;}

.pro_con li img:hover {}

.pro_con li img{ width: 100%; height: 268px;}
.pro_con li span{ color:#ffcc8f;
    float: right;margin-top: 6px;
    display: block;
    width: 80px;
    height: 30px;
    background: url(../images/pro_btn.png); background:url(../images/probtn.png) center no-repeat;
    line-height: 30px;
    text-align: center;
    font-size: 12px;
    border-radius: 4px;
}
.pro_con li:hover span{ background:url(../images/probtn1.png) center no-repeat; color:#3c2d25; transition:0.3s;}



.pro_tit .title { overflow: hidden; text-align: center;height:77px;background:url(../images/title_bg.png) center center no-repeat;margin-bottom:20px;}
.pro_tit .title h2 { font-size: 24px; color: #fff; font-weight: bold;width:360px;margin:0 auto;margin-top:25px;letter-spacing:2px;text-align: center;}
.pro_tit .title h2 a { color: #20171A;}
.pro_tit .title h2 a:hover { color: #000; }
.prot_tit .title h2 span{color:#333;font-size:22px;letter-spacing:0;}
.pro_tit .title em { color: #C89E51;width:1100px;display: block;margin-top:9px;}
.zfx li{ width:270px }
.x_F {
	overflow: hidden;
	width: 100%;
	background: url(../images/chbbg.jpg) no-repeat center;
	height: 745px;
}
.x_F .title {
	margin-top: 72px;overflow: hidden;
    width: 100%;
    text-align: center;
}
.x_F .xfCon {
	overflow: hidden;
	margin-top: 50px;
}
.x_F .xflt {
	float: left;
	width: 520px;
	position: relative;
	overflow: hidden;
	height: 466px;
}
.x_F .dl {
	width: 520px;
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
}
.x_F .dl dt {
	width: 500px;
}
.x_F .dl dd {
	margin-top: 25px;
	overflow: hidden
}
.x_F .list {
	overflow: hidden;
}
.x_F .list li {
	width: 115px;
	float: left;
	text-align: center;
	font-size: 13px;
	margin-right: 20px;
}
.x_F .list li p {
	color: #333333;
	margin-top: 18px;
}
.x_F .list li img {
	display: block;
	margin: 0 auto;
}
.x_F .list li.last {
	margin-right: 0
}
.x_F .xfRt {
	width: 460px;
	float: right;
	border-left: 3px solid #cfcfcf;
}
.x_F .qhdl {
	position: relative;
	height: 92px;
	border-bottom: 1px solid #cfcfcf;
	overflow: hidden
}
.x_F .qhdl dt {
	width: 90px;
	float: left;
	line-height: 88px;
	text-align: center;
	font-family: Impact;
	color: #d0d0d0;
	font-size: 34px;
}
.x_F .qhdl dd {
	width: 360px;
	float: right;
	margin-right: 10px;
}
.x_F .qhdl dd h3 {
	font-size: 20px;
	color: #333;
	margin-top: 12px;
}
.x_F .qhdl dd p {
	font-size: 13px;
	color: #5d5d5d;
	line-height: 22px;
	margin-top: 5px;
}
.x_F .qhdl dd i {
	display: none;
	width: 10px;
	height: 16px;
	background: url(../images/ch_xjx.png) no-repeat center;
	position: absolute;
	top: 42px;
	right: 0;
}
.x_F .qhdl:first-child {
	border-top: 1px solid #cfcfcf;
}
.x_F .qhdl:hover dt, .x_F .qhdl.cur dt {
	color: #fff
}
.x_F .qhdl:hover, .x_F .qhdl.cur {
	background-color: #0080cc
}
.x_F .qhdl:hover h3, .x_F .qhdl.cur h3 {
	color: #fff
}
.x_F .qhdl:hover p, .x_F .qhdl.cur p {
	color: #fff
}
.x_F .qhdl:hover i, .x_F .qhdl.cur i {
	display: block
}
.dzr_about{ background:url(../images/ab_bg.jpg) repeat; height:530px;}
/**/
/* @keyframes rotate{
  0%{transform:rotate(0deg);}
  100%{transform:rotate(360deg);}
}
@-webkit-keyframes rotate {
  0%{-webkit-transform:rotate(0deg);}
  100%{-webkit-transform:rotate(360deg);}
}  */







.bshg_bg {
	backgro und: #ededed;
	padding: 25px 0;
	overflow: hidden
}

.bshg_top {
	text-align: center;
	padding-bottom: 30px;
}

.bshg_top a {
	display: block;
	font-size: 30px;
	color: #fff
}

.bshg_top a b {
	color: #266fca
}

.bshg_top a em {
	display: block;
	font-size: 16px;
	color: #666;
	padding: 10px 0;
}

.bshg {
	width: 250px;
	overflow: hidden;
}

.bshg_bt {
	background: #3c2d25;
	height: 80px;
	text-align: center;
	padding: 30px 0 0;
}

.bshg_bt a {
	font-size: 24px;
	color: #fff;
	font-weight: bold;
}

.bshg_bt a em {
	display: block;
	font-size: 16px;
	color: #fff;
	text-transform: uppercase;
	font-weight: normal;
}

.bshg_con {
	width: 250px;
	background: #f5f5f5;
	padding: 20px 0;
}

.bshg_con h3 {
	width: 210px;
	margin: 0 auto 10px;
	clear: both;
}

.bshg_con h3 a {
	width: 210px;
	height: 40px;
	line-height: 40px;
	background: #3c2d25;
	font-size: 14px;
	color: #efb75a;
	text-align: center;
	display: block;
}

.bshg_con h3 a:hover,
.zx_con .cur a {
	background: #3c3c3c;
	color: #fff;
}

.bshg_con ul {
	width: 210px;
	margin: 0 auto
}

.bshg_con ul li {
	height: 40px;
	line-height: 40px;
	padding-left: 30px;
	width: 73%;
	float: left;
	background: url(../images/pro_li_ico01.png) no-repeat center left;
	border-bottom: 1px dotted #ccc
}

.bshg_con ul li a {
	font-size: 15px;
	color: #666;
}

.bshg_con ul li a:hover {
	color: #266fca;
}

.bshg_con ul .nobor01 {
	margin-bottom: 15px;
}

.rx {
	width: 920px;
}

.rx01 {
	position: relative;
}

.rx01 span {
	display: block;
	z-index: 99;
	position: absolute;
	top: 0;
	left: 30px;
	width: 94px;
	height: 135px;
	background: #266fca;
	text-align: center;
}

.rx01 span a {
	font-size: 18px;
	color: #fff;
	padding: 42px 0 0;
	display: block;
}

.rx01 span a b {
	display: block;
}

.rx01 span a em {
	width: 35px;
	height: 2px;
	background: #fff;
	margin: 15px auto;
	display: block;
	line-height: 0;
	font-size: 0
}

.rx01 p {
	top: 270px;
	left: 765px;
	position: absolute;
}

.rx01 p a {
	margin-right: 4px;
}








.wrap {
	width: 1200px;
	position: relative;
	margin: 0 auto;
}

.homeCase {
	background-color: #fff;
}

.caseBox {
	pad ding: 20px 0 30px;
}

.caseLeft {
	width: 1200px;
	height: 565px;
	margin-bottom: 20px;
}

.caseList dl {
	width: 1200px;
	height: 565px;
	position: relative;
	overflow: hidden;
}

.caseList dl dd {
	position: absolute;
	right: 0;
	bottom: 0;
	padding: 30px 30px 15px;
	width: 500px;
	height: 525px;
	color: #000;
	font-size: 24px;
	z-index: 19999;
	background: #f1f1f1;
}

.caseList dl dd h3 {
	font-weight: 700;
	font-size: 24px;
	line-height: 40px;
	color: #00a8ea;
	margin-top: 20px;
	margin-bottom: 30px;
}

.caseList dl dd p {
	font-size: 18px;
}


.caseList dl dd ul {
	position: relative;
	padding: 10px 10px 0;
}

.caseList dl dd ul:before {
	content: "";
	overflow: hidden;
	position: absolute;
	left: 0px;
	right: 0px;
	top: 0px;
	height: 1px;
	background: url(../images/tm-w-2.png);
}

.caseList dl dd ul li {
	width: 50%;
	float: left;
	position: relative;
	font-size: 12px;
	line-height: 20px;
	color: #fff;
}

.caseList dl dd ul li:before {
	content: "";
	overflow: hidden;
	position: absolute;
	left: -10px;
	top: 50%;
	margin-top: -2px;
	width: 4px;
	height: 4px;
	background-color: #fff;
}

.caseMore {
	text-align: center;
}

.caseMore a {
	width: 200px;
	height: 50px;
	font-size: 16px;
	line-height: 50px;
	margin-top: 30px;
	color: #fff;
	display: inline-block;
	border: 1px solid #e82583;
	border-radius: 50px;
	background: #e82583;
	text-decoration: none;
	transition: 0.5s;
}

.caseMore a:hover {
	background-color: #f91784;
	color: #fff;
	transform: scale(1.05, 1.05);
}

.caseRight {
	width: 1200px;
}

.caseRight li {
	width: 296px;
	height: 139px;
	float: left;
	position: relative;
	margin: 0 0 4px 4px;
	cursor: pointer;
}

.caseRight li span {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background: url(../images/tm-b-5.png);
}

.caseRight li.on span {
	border: 3px solid #dc4e1d;
	background: none;
}


/*荣誉资质*/
.yyzz {
	width: 1200px;
	margin: 0 auto;
}

.yyzz ul li {
	float: left;
}


/* 右侧联系方式 */

.full {
	position: fixed;
	top: 50%;
	right: 0;
	z-index: 1001;
}
.full li a {
	display: block;
	width: 52px;
	height: 52px;
	margin-bottom: 1px;
	position: relative;
	background: rgba(0,0,0,0.5);
	z-index: 1;
}
.full li a:hover span, .full li a:hover label {
	background-color: #4c4b4b !important;
}
.full li:last-child a {
	border-bottom: 0;
}
.full li a span {
	display: block;
	width: 52px;
	height: 52px;
	position: relative;
	z-index: 100;
	background-position: center center;
	background-repeat: no-repeat;
}
.full li:nth-child(2) a, .full li:nth-child(1) a {
	z-index: 2;
}
.full li a label {
	display: block;
	width: 100px;
	white-space: nowrap;
	padding: 0 20px;
	position: absolute;
	line-height: 52px;
	color: #fff;
	z-index: -1;
	background: #000;
	bottom: 0;
	left: 100%;
	box-sizing: inherit;
	max-width: 300%;
	;
}
.full li a:hover label {
	left: -120px;
}
.full li a .lbl_img {
	padding: 10px;
	height: auto;
	line-height: normal;
}
.full li a span.span1 {
	background-image: url(../images/full1.png);
}
.full li a span.span2 {
	background-image: url(../images/full2.png);
}
.full li a span.span3 {
	background-image: url(../images/full3.png);
}
.full li a span.span4 {
	background-image: url(../images/full4.png);
}

.pc-show {
    display: block;
}
.yunu-section {
    padding: 60px 0;
}
.yunu-section-title.white {
    color: 
    #fff;
}
.yunu-section-title {
    text-align: center;
    font-size: 40px;
    margin-bottom: 40px;
}
.yunu-section-title span {
    display: inline-block;
    position: relative;
    padding: 0 30px;
    font-weight: bold;color: #fff;
}
.yunu-section-title.white span::before, .yunu-section-title.white span::after {
    background-color: 
    #fff;width: 20px;
height: 1px;
position: absolute;
content: '';
top: 50%;
}
.yunu-section-title span::after {
    left: 100%;
}
.yunu-section-title p {
    margin: 0;
    font-size: 20px;color: #fff;
}
.yunu-pinzhi li {
    float: left;
    width: 20%;
}
.yunu-pinzhi li a {
    display: block;
    margin-left: 8px;
    position: relative;
    overflow: hidden;
}
.yunu-pinzhi li .text {
    background-color: 
    #fff;
    text-align: center;
    position: relative;
    z-index: 1;
    height: 232px;
}
.yunu-pinzhi li h4 {
    line-height: 50px;
    background: url(../images/pinz_line01.gif) no-repeat center bottom;
    font-size: 18px;color: #2b388f;
    margin: 0;
}
.yunu-pinzhi li p {
    color: #777;
    line-height: 1.8;font-size: 14px;
padding-top: 15px;

}
.yunu-pinzhi li .box {
    position: absolute;
    left: 0;
    top: 100%;
    width: 100%;
    height: 100%;
    background-color: #dd622d;
color:
    #fff;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}
.yunu-pinzhi li .box i {
    margin-top: 110px;
}
.yunu-pinzhi li i {
    display: inline-block;
    background: no-repeat center;
        background-image: none;
    height: 68px;
    margin-top: -34px;
    width: 68px;
    vertical-align: middle;
}
.yunu-pinzhi li .box h4 {
    background-image: url(../images/pinz_line02.gif);
}

.proj-sel.active .sel-btn:after {
 transform: rotate(180deg);
 -webkit-transform: rotate(180deg);
}
.yunu-pinzhi li a:hover .text {
 opacity: 0;
}
.yunu-pinzhi li a:hover .box {
 top: 0;
 opacity: 1;
}


.yunu-pinzhi li .box p {
    color: 
    #fff;
}
.outcase01{ height:260px; position:relative;}
.outcase02{ overflow:hidden;}
.outcase01 li{ width:266px; float:left; margin-right:28px; position:relative;box-shadow: #ebebeb 4px 0px 3px;}
.outcase01 li img{ display:block; width:260px; height:211px; border:3px solid #f5f6f8}
.outcase01 li span{text-align: center;font-size: 16px; display: block; background:#2b388f;color: #fff; font-weight:bold;height: 40px; line-height: 40px;}
.outcase01 li.nones{margin-right: 0;}
.outcase01 .arr5 { cursor: pointer; display:block; font:70px "宋体"; color:#7f7f7f; position:absolute; top:72px; left:-63px;}
.outcase01 .arr6 { cursor: pointer;display:block; font:70px "宋体"; color:#7f7f7f; position:absolute; top:72px; right:-63px;}
.yingyong_h2 {
    font-size: 48px;
    color: 
    #333333;
    text-align: center;
    line-height: 60px;
}
.yingyong_h2 i {
    display: block;
    font-size: 20px;
    font-weight: normal;
    line-height: 50px;
}
.floor_4_main {
	width: 100%;
	height: 651px;padding-top: 50px;
}
.floor_4_main .indexTit {
	padding-top: 118px;
}
.floor_4_main .indexTit .tit, .floor_4_main .indexTit .tit span {
	color: #fff;
}
.floor_4_main .indexTit .subtit {
	color: #fff;
}
.floor_4_main .floor_4_1 {
	display: inline-block;
	height: 440px;
	padding-top: 50px;
}
.floor_4_main .floor_4_1 dl {
	float: left;
	width: 600px;
	float: left;
	height: 220px;
	background-color: #fff;
}
.floor_4_main .floor_4_1 dl dt {
	width: 300px;
	height: 220px;
	display: block;
	float: left;
	overflow: hidden;
}
.floor_4_main .floor_4_1 dl dt img {
	width: 300px;
	height: 200px;
	display: block;
	transition: all .36s ease;
}
.floor_4_main .floor_4_1 dl dd {
	position: relative;
	width: 300px;
	height: 220px;
	float: right;
	text-align: center;
	-webkit-transition: all .3s ease-in-out 0s;
	-moz-transition: all .3s ease-in-out 0s;
	transition: all .3s ease-in-out 0s;background: #f9f9f9ed;
}
.floor_4_main .floor_4_1 dl.dl1 dd i, .floor_4_main .floor_4_1 dl.dl2 dd i {
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 13px 14px 13px 0;
	border-color: transparent #fff transparent transparent;
	position: absolute;
	top: 42px;
	left: -14px;
	-webkit-transition: all .3s ease-in-out 0s;
	-moz-transition: all .3s ease-in-out 0s;
	transition: all .3s ease-in-out 0s;
}
.floor_4_main .floor_4_1 dl.dl3 dd i, .floor_4_main .floor_4_1 dl.dl4 dd i {
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 13px 0 13px 14px;
	border-color: transparent transparent transparent #fff;
	position: absolute;
	top: 42px;
	right: -14px;
	-webkit-transition: all .3s ease-in-out 0s;
	-moz-transition: all .3s ease-in-out 0s;
	transition: all .3s ease-in-out 0s;
}
.floor_4_main .floor_4_1 dl dd h3 {
	display: block;
	font-size: 18px;
	color: #333;
	line-height: 28px;
	padding-top: 14px;
	padding-left: 30px;
	text-align: left;
	-webkit-transition: all .3s ease-in-out 0s;
	-moz-transition: all .3s ease-in-out 0s;
	transition: all .3s ease-in-out 0s;
}
.floor_4_main .floor_4_1 dl dd h3 span {
	display: block;
	width: 40px;
	height: 2px;
	background-color: #dd622d;
	margin-top: 20px;
	-webkit-transition: all .3s ease-in-out 0s;
	-moz-transition: all .3s ease-in-out 0s;
	transition: all .3s ease-in-out 0s;
}
.floor_4_main .floor_4_1 dl dd p {
	display: block;
	width: 240px;
	font-size: 14px;
	color: #333;
	line-height: 24px;
	padding-top: 20px;
	text-align: justify;
	margin-left: 30px;
	-webkit-transition: all .3s ease-in-out 0s;
	-moz-transition: all .3s ease-in-out 0s;
	transition: all .3s ease-in-out 0s;
}
.floor_4_main .floor_4_1 dl.dl1:hover dd i, .floor_4_main .floor_4_1 dl.dl2:hover dd i {
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 13px 14px 13px 0;
	border-color: transparent #3ba86f transparent transparent;
	position: absolute;
	top: 42px;
	left: -14px;
}
.floor_4_main .floor_4_1 dl.dl3:hover dd i, .floor_4_main .floor_4_1 dl.dl4:hover dd i {
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 13px 0 13px 14px;
	border-color: transparent transparent transparent #3ba86f;
	position: absolute;
	top: 42px;
	right: -14px;
}
.floor_4_main .floor_4_1 dl:hover dd {
	background-color: #dd622d;
}
.floor_4_main .floor_4_1 dl:hover dd h3 {
	color: #fff;
}
.floor_4_main .floor_4_1 dl:hover dd h3 span {
	background-color: #fff;
}
.floor_4_main .floor_4_1 dl:hover dd p {
	color: #fff;
}
.floor_4_main .floor_4_1 dl.dl3 dd, .floor_4_main .floor_4_1 dl.dl4 dd {
	float: left;
}
.floor_4_main .floor_4_1 dl.dl3 dt, .floor_4_main .floor_4_1 dl.dl4 dt {
	float: right;
}
.floor_4_main .floor_4_1 dl:hover dt img {
	-webkit-transform: scale(1.08);
	-ms-transform: scale(1.08);
	transform: scale(1.08);
}/* CSS Document */

.brand_1_box .ny_ab_left  .lianxi{padding: 10px 230px;}